@charset "utf-8";
/****
guopc
后台管理系统
2015-10-10
****/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"\5B8B\4F53";font-size:18px;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:18px}
h1,h2,h3,h4,h5,h6{font-size:18px}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;color:#333;cursor:pointer}
a:hover{text-decoration:none;outline:none}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.clearfix:after{visibility: hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clearfix{zoom:1}/*早日舍弃IE6*/
/*HTML5 新增reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}
time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"]{-webkit-appearance:textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}

/*====font icon===*/
.font_lager{font-size:32px;}
.f_left{float:left;}
.f_right{float:right;}
/*top*/
html,body{width:100%;height:100%;  margin:0 auto;}
.header{width:100%;height:100px;overflow:hidden;background:#30adef;color:#fff;}
.header .logo{padding:0 30px;float:left;}
.header .logo img{width:160px;height:100px;}
.nav{height:100px;float:left;font-size:16px;text-align:center;overflow:hidden;position:relative;}
.nav ul{position:absolute;top:0;left:0;}
.nav li{float:left;width:60px;height:60px;padding:20px 15px;cursor:pointer;}
.nav li:hover,.nav li.curr{background-color:#1d73a0;}
.nav li p{margin-top:10px;}
.login_msg{float:right;line-height:100px;padding-left:20px;}
.login_msg li{float:left;font-size:16px;margin-right:15px;max-width:115px;}
.login_msg li a{color:#fff;}
.nav_roll{width:61px;height:100px;line-height:100px;text-align:center;background-color:#26a2e2;cursor:pointer;}
.nav_roll div{width:30px;}
.nav_roll div:first-child{border-right:1px solid #2491cc;}
/*left*/
.main_left{width:200px;height:100%;background:#354052;float:left;color:#fff;display:none;}
.main_left h2{width:100%;line-height:42px;font-size:16px;text-align:center;background-color:#2a3b4c;box-shadow:-2px 0 5px #000;color:#6e7f9b;cursor:pointer;}
.main_left h2 i{font-size:20px;}
.main_left .menu{font-size:16px;}
.menu li{border-bottom:1px solid #27303d;position:relative;cursor:pointer;}
.menu li i{position:absolute;left:15px;top:15px;}
.menu li.curr{background-color:#171c24;}
.menu a{display:block;line-height:46px;color:#fff;text-indent:3em;}
/*min left*/
.min_w{width:50px;}
.min_w h2 i{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.min_w i{font-size:18px;margin:0;}
.min_w li{width:50px;height:46px;}
.min_w li a{display:none;}
.min_w .out_txt{position:absolute;padding:6px 12px;top:6px;left:56px;z-index:19861105;background-color:rgba(51,72,92,0.8);color:#fff;white-space:nowrap;font-size:16px;line-height:normal;}
.min_w .out_txt i{position:absolute;left:-6px;top:6px;color:#5b6c7c;}
.min_w .out_txt span{display:initial;}
/*right*/
.main_right{float:right;width:calc(100% - 40px);height:100%;overflow:hidden;background-color:#f0f2f5;padding:20px;}

/*=====Hello=====*/
.hello_box{border-radius:10px;background-color:#fff;box-shadow:0 0 10px 2px #ddd;min-height:500px;margin:20px 0 20px 5%;padding:15px;float:left;}
.hello_box h2{font-size:16px;line-height:26px;}
.hello_box .hello_info{width:100%;max-height:calc(100% - 230px);overflow:auto;}
.hello_box table{width:100%;min-width:540px;}
.hello_box .hello_one{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;}
.hello_info{border-top:1px dashed #ddd;margin-top:15px;padding-top:5px;}
.hello_info li{overflow:hidden;line-height:36px;}
.hello_info li span{margin-right:10px;}
.hello_info th{font-weight:600;text-align:left;}
.hello_info th,.hello_info td{line-height:32px;padding:5px 8px;border-bottom:1px solid #eee;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*====goods list====*/
.main_box{height:100%;background-color:#fff;border-radius:15px;/* overflow:auto; */ margin:0 auto;max-width: 1260px;; margin-bottom:20px;margin-top:20px}
.main_box h2{padding:20px;line-height:26px;font-size:20px;}
.main_box h2 span,.hello_box h2 span{height:26px;width:3px;background-color:#e7711d;border:0;float:left;margin-right:10px;}
.cont_box{margin:0 20px 20px;}
/*====add goods====*/
.addpro_box li{margin-bottom:12px;overflow:hidden;}
.addpro_box label{width:100px;}
.addpro_box input[type="text"],.addpro_box textarea{min-width:200px;width:30%;height:35px;float:left}
.addpro_box select{width:calc(30% + 24px);}
.addpro_box textarea{height:auto;}
.probtn_box{padding-left:400px; padding-top:30px;}
/*====edit goods====*/
.editpro_box{margin-top:20px;}
.editpro_box input[type="text"],.editpro_box textarea{min-width:200px;width:60%;}
.editpro_box select{width:calc(60% + 24px);}
/*====comment====*/
.comment_text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*====expenses====*/
.search_box{/* padding:0 20px 5px; */}
.search_formbox{padding-bottom:10px;padding-top: 13px;padding-left: 13px;}
.search_formbox .btn{margin-right:10px; font-size:12; padding: 5px 10px;}
.search_formbox .curr{background-color:#1d73a0;border-color:#1d73a0;}
.search_box label{margin:0;}
.search_box input[readonly]{background-color:#fff;}
.search_box .date_box,.search_box select{float:left;margin-right:20px;position:relative;}
.date_box i.fa{position:absolute;top:9px;right:6px;z-index:1;font-size:18px;color:#666;}
.search_box .btn{margin-right:10px;}
.search_box label,.search_box input,.search_box select{margin-bottom:15px;}
/*====sign====*/
.signform_box{margin-top:20px;}
.signform_box li input{margin:0 auto;}
.signform_box .probtn_box{text-align:center;padding:0;}
.signform_box .btn{float:none;}
.signform_box div.error{padding:0;float:none;text-align:center;width:100%;}
/*====staff====*/
.staff_info{padding-bottom:10px;}
.staff_info span{line-height:36px;margin-right:20px;}
.staff_info span:last-child{color:#e7711d;}
.achiev{padding:15px 0;}
.achiev span{color:#e7711d;}
/*====user====*/
.adduser_box .select_group{width:calc(50% + 24px);float:left;}
.adduser_box .select_group .error:last-child{width:100%;padding:0;}
.select_group select{width:calc(25% - 5px);margin-left:5px;float:left;}
.select_group select:first-child{width:25%;margin-left:0px;}
.user_top{padding:15px 0;font-size:16px;border-bottom:1px dashed #ddd;}
.user_top b{margin-right:10px;}
.norder_box h2,.user_detail h2{padding:10px 0 10px;font-size:16px;}
.norder_box h2 span,.user_detail h2 span{background-color:#30adef;}
.user_detail ul{width:calc(50% - 6px);border-right:1px solid #ddd;border-bottom:1px solid #ddd;float:left;margin-bottom:10px;}
.user_detail ul:nth-child(odd){margin-right:10px;}
.user_detail li{width:calc(50% - 1px);float:left;border-left:1px solid #ddd;border-top:1px solid #ddd;color:#000;}
.user_detail li label{width:80px;border-right:1px solid #ddd;font-weight:600;color:#999;margin:0;padding-right:10px;}
.user_detail li span{width:185px;float:left;line-height:36px;text-indent:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.package_detail{padding-left:18px;}
.package_detail li{margin:6px 0;line-height:22px;list-style-type:decimal;}
.search_input{margin-right:10px;width:200px;}
.margin_tb{margin:15px 0;}
.ucar_list{width:49%;float:left;min-width:440px;margin-bottom:15px;}
.ucar_list:nth-child(even){margin-right:2%;}
.ucar_list h5{margin-bottom:10px;}
.ucar_list h5 span,.ucar_list h5 a{margin-right:20px;}
.ucar_list h5 a{color:#e7711d;font-weight:500;}
.ucar_list .table{border-top:1px solid #ddd;}
.ucar_list .table td:nth-child(odd){font-weight:600;color:#999;width:90px;}
#edit_user{margin-top:30px;}
#edit_user .addpro_box{margin:12px 0;}
.editpro_box .select_group{width:calc(60% + 24px);}
.editpro_box .select_group select{width:100px;}
.editpro_box .select_group select:first-child{width:105px;}
#pcard_form li p{line-height:36px;}
/*====order====*/
.order_remark{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.order_top{border:0;}
.order_note{width:calc(100% - 24px);height:60px;}
.new_order .search_box{border-bottom:1px dashed #ddd;}
.new_order input[type='search']{width:300px;}
.norder_box{padding-bottom:15px;overflow:hidden;border-bottom:1px dashed #ddd;}
.norder_box textarea{width:460px;height:100px;}
.pay_box li input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;}
.user_have{display:none;}
.norder_box table{width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.norder_box td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:10px 8px;}
.norder_box td:nth-child(odd){text-align:right;width:100px;font-weight:600;}
.norder_box .special{background-color:#fff;}
.norder_box .special td:nth-child(odd){text-align:left;font-weight:400;}
.norder_box .special td:nth-child(even){text-align:right;font-weight:600;}
.norder_box .car_row{padding:0;}
.norder_box .car_row li{padding:10px 8px;border-bottom:1px dashed #ddd;line-height:24px;}
.norder_box .car_row span{cursor:pointer;}
.car_row .curr{background-color:#ffffe2;}
.car_row .curr .table_warning{cursor:default;}
.car_row .table_info{display:none;}
.car_row .curr .table_info{display:inline-block;}
.mileage input{width:80px;margin-right:5px;line-height:20px;}
.norder_box .car_row cite{margin-right:10px;padding:2px 8px;}
.car_row li.curr cite:first-child{color:#30adef;}
.norder_box .desk_row ul{padding-left:20px;line-height:30px;padding-bottom:8px;}
.norder_box .desk_row ul:last-child{padding-bottom:0;}
.norder_box .desk_row li{list-style-type:decimal;}
.norder_box .desk_row p{font-weight:600;border-top:1px dashed #ccc;padding-top:8px;}
.norder_box .desk_row p:first-child{border:0;padding:0;}
.norder_box .choose_spend{padding:60px 20px;margin-right:20px;text-align:center;border:1px solid #10a4f3;border-radius:10px;background-color:inherit;color:#30adef;font-size:16px;cursor:pointer;}
.norder_box .btn_success.choose_spend{color:#5cb85c;border-color:#5cb85c;}
.norder_box .choose_spend:hover{color:#fff;border-color:#fff;}
.norder_box .choose_spend p{margin-top:10px;}
.norder_box .not_allowed input{cursor:not-allowed;}
.norder_box .not_allowed i{color:#ccc;}
.spend_info{line-height:30px;overflow:hidden;border:1px solid #30adef;border-radius:10px;display:none;}
.spend_info ul{padding:15px;height:120px;overflow-y:auto;}
.spend_info li{margin-left:20px;list-style-type:decimal;}
.spend_info li p{float:left;}
.spend_info .total{padding:8px 18px;font-weight:600;line-height:30px;background-color:#eee;}
.spend_info .total em{font-weight:600;}
.spend_info em{color:#e7711d;}
.spend_info li span{white-space:nowrap;}
.spend_info .del_spend{padding:0 6px;background-color:#e74c3c;color:#fff;cursor:pointer;margin-left:10px;}
.data_serve input{width:80px;margin:0 6px;}
.choose_span{width:calc(60% + 24px);}
.choose_span span{line-height:34px;padding:0 20px;border:1px solid #ddd;border-radius:6px;margin:0 10px 10px 0;float:left;cursor:pointer;}
.choose_span span:hover,.choose_span span.curr{background-color:#e7711d;border-color:#e86609;color:#fff;}
/*after sales*/
.sales_radio .car_list{line-height:34px;border:1px solid #ddd;border-radius:4px;padding-left:10px;margin-bottom:12px;}
.sales_radio .car_list:last-child{margin-bottom:0;}
.sales_radio span{float:left;margin-right:20px;}
#car_id-error{padding:0;margin:0;}
/*business*/
.business_tit{line-height:46px;font-weight:600;font-size:16px;border-top:1px dashed #ddd;margin-top:15px;}
.business_tit:first-child{border:0;margin:0;}
.business_table{border-top:1px solid #ddd;}
.business_table tr:last-child{font-weight:600;}
.business_info{line-height:26px;}
.table .slash{padding:0;position:relative;}
.slash_line{border-top:0px solid #efefef;border-left:0px solid #fff;overflow:hidden;position:absolute;top:1px;left:1px;}















/*loading*/
.loading{overflow:hidden;text-align:center;}
.loading p{font-size:16px;line-height:22px;}
.spinner {margin:100px auto 10px;width:50px;height:60px;text-align:center;font-size:10px;}
.spinner > div {background-color: #67CF22;height: 100%;width: 6px;display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) }}
@keyframes stretchdelay {0%, 40%, 100% {  transform: scaleY(0.4);  -webkit-transform: scaleY(0.4);}  20% {  transform: scaleY(1.0);  -webkit-transform: scaleY(1.0);}}

/*table*/
.table{width:100%;border-left:1px solid #ddd;}
.table th,.table td{min-width:45px;max-width:500px;padding:10px 8px;line-height:20px;border:1px solid #ddd;border-left:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.table th{background-color:#efefef;line-height:23px;font-weight:600;white-space:nowrap;position:relative;}
.table td{border-top:0;}
.pre_table td{white-space:inherit;}
.table tbody tr:hover{background-color:#ffffe2;}
tbody tr:nth-child(even){background-color:#f9f9f9;}
.table tbody tr.tr_bg{background-color:#fff1c4;}
.dataTables_filter .btn{padding:8px 12px;margin:0;}

.table_btn{padding:2px 8px;margin:0 5px 0 0;display:inline-block;white-space:nowrap;}
.table_edit{color:#fff;background-color:#337ab7;border-color:#2e6da4;}
.table_edit:hover{background-color:#286090;border-color:#204d74;}
.table_del{color:#fff;background-color:#d9534f;border-color:#d74b47;}
.table_del:hover{background-color:#d2322d;border-color:#b92c28;}
.table_info{color:#fff;background-color:#5bc0de;border-color:#46b8da;}
.table_info:hover{background-color:#31b0d5;border-color:#269abc;}
.table_warning{color:#fff;background-color:#f0ad4e;border-color:#eea236;}
.table_warning:hover{background-color:#ec971f;border-color:#d58512;}
.table_grey{color:#fff;background-color:#c7c7c7;border-color:#c0c0c0;}
.table_grey:hover{background-color:#b7b7b7;border-color:#b0b0b0;}
.table_blue{color:#fff;background-color:#30adef;border-color:#10a4f3;}
.table_blue:hover{background-color:#2f9fda;border-color:#1193d8;}
.table_link,.table_link:hover{color:#39b3d7;text-decoration:underline;cursor:pointer;}
.table_seltop,.schbox{padding:15px 15px 0 15px;overflow:hidden;}
.table_seltop select{height:36px;float:left;}
.table_seltop .btn{float:right;border:1px solid #55b555;color:#fff;background-color:#5cb85c;}
.table_seltop .btn:hover{background-color:#47a447;border-color:#3e8f3e;}
.table_seltop .btn i{margin-right:6px;}

.schbox{border-bottom:1px solid #e5e5e5;}
.schbox li{float:left;margin:0 20px 15px 0;}
.schbox input{float:left;}
.schbox .blue_btn{margin-bottom:15px;padding:7px 20px;}
.table .table_row{border-top:1px solid #ddd;padding:8px;}
.table td .table_row:first-child{border:0;}
.table .td_row{padding:0;}

/*input*/
/*=======text=======*/
label{font-size:16px;line-height:36px;float:left;margin-right:10px;text-align:right;}
select,
textarea,
input[type="text"],
input[type="search"],
input[type="password"]{display:block;height:35px;line-height:22px;padding:6px 12px;font-size:16px;color:#555;background-color:#fff;background-image:none;border:1px solid #e5e5e5;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
select{height:36px;line-height:36px;}
input[type="search"]{height:auto;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0;}
input[type="number"]{-moz-appearance:textfield;}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus{border-color:#999;}
input[type="radio"]{float:left;cursor:pointer;}
input[readonly]{background-color:#efefef;}
/*====== validate ======*/
input.error,select.error{background:#f2dede;border-color:#db4c4a;}
div.error{float:left;width:calc(100% - 115px);padding-left:110px;margin-top:12px;color:#db4c4a;font-size:16px;}
input.valid,textarea.valid,select.valid{border-color:#7edc7f;background-color:#dff0d8;}
.input_not{color:#ccc;cursor:not-allowed;}
.dfinput{width:360px;}
/*=======checkbox=======*/
.check_box{overflow:hidden;}
.check_box .checkall,.check_box .input_check{width:15px;height:15px;margin:0 3px 0 0;}
/*=======radio=======*/
.radio_box{float:left;line-height:34px;margin:0 15px 0 0;position:relative;}
.radio_box i{float:left;color:#999;margin:6px 0;}
.radio_box i.fa-check-circle{color:#30adef;}
.radio_box span{float:left;margin:0 0 0 5px;}
.input_radio{width:16px;height:16px;margin:10px 0;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);}



/*btn*/
.btn{display:inline-block;padding:7px 15px;margin-bottom:0;font-size:16px;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;color:#fff;border:1px solid;border-radius:4px;}
.blue_btn{float:left;border-color:#10a4f3;background-color:#30adef;}
.blue_btn:hover{border-color:#1193d8;background-color:#2f9fda;}
.btn_info{background-color:#5bc0de;border-color:#53bddc;}
.btn_info:hover{border-color:#28a4c9;background-color:#39b3d7;}
.btn_warn{background-color:#f0ad4e;color:#fff;border-color:#efa945;}
.btn_warn:hover{background-color:#ed9c28;border-color:#e38d13;}
.btn_truck{background-color:#0a819c;color:#fff;border-color:#097992;}
.btn_truck:hover{background-color:#086176;border-color:#064a59;}
.btn_dsure{background-color:#e74c3c;color:#fff;}
.btn_dsure:hover{background-color:#e74c3c;}
.btn_success{background-color:#5cb85c;color:#fff;}
.btn_success:hover{background-color:#449d44;}
.btn_disabled{background-color:#ddd;}
.line_btn{border-color:#ccc;color:#666;background-color:#fff;}
.line_btn:hover{border-color:#10a4f3;background-color:#30adef;color:#fff;}
/*tip_window*/
.tip_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:198611057;background-color:#333;opacity:0.3;filter:alpha(opacity=30);pointer-events:auto;}
.tip_box{width:600px;background:#fff;position:fixed;top:50%;left:50%;z-index:198611058;box-shadow:1px 1px 5px rgba(0,0,0,.3);border-radius:10px;overflow:hidden;}
.tip_box h2{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#f8f8f8;border-radius:2px 2px 0 0;position:relative;}
.tip_box h2 span{position:absolute;right:0;top:0;padding:0 10px;font-size:16px;cursor:pointer;}
.tip_tbox{width:100%;height:100%;overflow:hidden;}
.del_info{text-align:center;padding:40px 20px;font-size:16px;}
.del_info input{margin:0 auto;}
.tip_btnbox{text-align:center;}
.tip_btnbox .btn{margin:0 10px;padding:8px 26px;}
.btn_cancel{color:#333;border-color:#ccc;}
.tipbg_top{z-index:198611059;}
.tipbox_top{z-index:198611060;}


/*tab*/
.tab_tit{width:100%;border-bottom:2px solid #30adef;}
.tab_tit li{float:left;border-top-left-radius:8px;border-top-right-radius:8px;padding:8px 15px;font-weight:600;cursor:pointer;}
.tab_tit li.curr{background-color:#30adef;color:#fff;}

/*not_allowed*/
.not_allowed{color:#ccc;cursor:not-allowed;}


/**分页的东西**/
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.form-group{margin-bottom: 20px}
/**分页的东西**/
/*修改*/
.p_level2,.p_level3,.p_level4{display:none;}
.table_null{text-align:center;margin:50px 0;font-size:16px;color:#ccc;}
.total input{width:60px;display:inline-block;margin:0 5px;}
.order_paybox li{padding:0 5px;}
.order_paybox li:hover{background-color:#efefef;}
.order_paybox cite{margin-right:8px;}
.order_paybox div.error{padding:0;}



.breadcrumbs {
	margin: -5px auto 5px;
	width: 960px;
	color: rgb(153, 153, 153);
	/* font-family: "Microsoft Yahei"; */
	font-size: 16px;
}

.breadcrumbs span {
	padding: 0px 5px 0px 0px;
}

.breadcrumbs a.inlineHelp {
	font-size: 12px;
	text-decoration: underline;
}

.breadcrumbs span.inline {
	font-size: 12px;
}

.breadcrumbs a.inline {
	font-size: 12px;
}

.breadcrumbs a.inline:hover {
	text-decoration: underline;
}

#stepBar {
	/* margin: 0px auto;
	width: 960px; */
	margin: 0 20px 20px;
}

#stepBar .text {
	
}

#stepBar .block {
	background: rgb(254, 254, 254);
	margin: 0px 5px 0px 0px;
	padding: 0px 14px 0px 0px;
	border: 1px solid rgb(249, 249, 249);
	border-image: none;
	width: 218px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	font-size: 17px;
	float: left;
	display: inline;
	position: relative;
}

#stepBar h3 {
	color: rgb(217, 217, 217);
	font-weight: normal;
}

#stepBar .arrow {
	background: url("../images/stepBarArrow.png") no-repeat 0px 0px;
	top: -1px;
	width: 14px;
	height: 45px;
	right: -1px;
	display: block;
	position: absolute;
}

#stepBar .active {
	background: rgb(252, 252, 252);
	border: 1px solid rgb(233, 233, 233);
	border-image: none;
}

#stepBar .active h3 {
	color: rgb(153, 153, 153);
}

#stepBar .active .arrow {
	background-position: 0px -90px;
}

#stepBar .ok {
	background: rgb(252, 252, 252);
	border: 1px solid rgb(233, 233, 233);
	border-image: none;
}

#stepBar .ok h3 {
	color: rgb(153, 153, 153);
}

#stepBar .ok .arrow {
	background-position: 0px -90px;
}

#stepBar h3 img {
	vertical-align: middle;
}

#stepBar .block p {
	color: rgb(153, 153, 153);
	font-size: 13px;
}

#stepBar .lastPercent .arrow {
	background: none;
}

#stepBar .percent50 {
	width: 456px;
}

#stepBar .percent33 {
	width: 299px;
}

.clear {
	width: 100%;
	height: 0px;
	clear: both;
}

.input_remarks{text-align: left;
    font-weight: 400;
    color: rgb(217, 217, 217);
    padding-left: 20px;
    font-size: 16px;}
    
    
    
.ranking{margin-left:30px;float:left}
.rankList{margin: 0;width: 100%;}
.rankList li{margin-right: 10px;float: left;}
.rankList li a{text-decoration: none;display: inline-block;border: 1px solid #ccc;height: 30px;line-height: 30px;padding: 0px 5px 0 16px;color: #0f1010;cursor: pointer;}
.rankList li a:hover{background-color: #fff;border-color: #00a0e9;color: #00a0e9;}
.rankList li i{width: 14px;height: 14px;display: inline-block;position: relative;top: 3px;}
.rank_up{background: url(../images/up_1.png) no-repeat center center;}
.rank_down{background: url(../images/down_1.png) no-repeat center center;left: -6px;top: 4px !important;}
.rankList .cross a,.rankList .cross2 a{background-color: #fff;border-color: #00a0e9;color: #00a0e9;}
.rankList .cross .rank_up,.Rank_up1 .rank_up{background-image: url(../images/up_2.png);}
.rankList .cross2 .rank_down,.Rank_down1 .rank_down{background-image: url(../images/down_2.png);}


.itemsTo{padding: 10px;
    padding-bottom: 8px;
    color: #0088df;
    border: 0;
    cursor: default;
    width:100px;
    font-size:18px;
    float:left}
    
.select{
	border-bottom: 2px solid #0088df;
}
.batch{
    color: #0088df;
    border: 0;
    cursor: default;
    font-size:16px}

.batch  ul li {float:left; width:130px;height:60px;}
.batchIndex {float: left; padding: 10px 20px; font-size: 18px;}
.batchIndexUl {}
.td_span {display:inline; font-size:16px; color:red; display:none}
.td_span img {cursor:pointer}
    
    
.mjs-detail {width:920px;height:200px; margin-top:20px}
.mjs-detail .detail-body, .mjs-detail .detail-head {
    float: left;
}

.mjs-detail .detail-head{width: 75px; line-height: 40px;}

.detail-body .detail-condition {
    width: 290px;
}

.mjs-form-group {
    margin-bottom: 10px;
        height: 40px;
}

.mjs-detail .detail-body {
    width: 340px;
}

.mjs-detail .mjs-append-label {
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}

.mjs-detail .mjs-append-label a {
    color: #0088df;
    text-decoration: none;
}

.detail-condition span{padding-top:5px;padding-left:10px}

.mjs-banner-section {width:850px;margin-top:20px}
.mjs-banner-nav {margin-bottom:20px; height:30px;}
.mjs-nav-tabs {margin-bottom: 0; padding-left: 0; list-style: none;height:31px;float:left}
.mjs-nav-tabs-span {float:left;color: #0088df;padding-left:50px;padding-top:5px;font-size: 18px;}
.mjs-nav-tabs>li {float: left; margin-bottom: -1px;line-height:1.5;position: relative;display: block;font-size: 18px;padding-left: 20px;height:25px;}
.mjs-nav-tabs>li.active>a, .mjs-nav-tabs>li.active>a:focus, .mjs-nav-tabs>li.active>a:hover {
    padding: 10px;
    padding-bottom: 8px;
    color: #0088df;
    border: 0;
    border-bottom: 2px solid #0088df;
    cursor: default;
  }
.mjs-nav-tabs>li a{ /* color:#0088df; */ }
.pull-right {float: right!important; line-height: 42px;padding:0;padding-left:50px}
.pull-right span {color: #999;}

.mjs-detail-section{margin-top:20px;}
.mjs-form-comments{height: 100px; resize: vertical; padding: 6px 10px; width:700px;}

.mjs-banner-content{display:none}




.bigTable .table {
	margin: 0px 2px;
	width: 956px;
	color: rgb(102, 102, 102);
	font-size: 15px;
	table-layout: fixed;
	border-left: 0px;
}

.bigTable .table .act-tr {
	width: 996px;
	border-bottom-color: rgb(238, 238, 238);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.bigTable .table .td {
	width: auto;
	float: left;
	display: inline;
}

.bigTable .table .title {
	padding: 0px 0px 0px 5px;
	width: 360px;
	min-height: 47px;
}

.bigTable .table .time-td {
	width: 330px;
}

.bigTable .table .btn-td {
	width: 245px;
}

.bigTable .table div.text {
	padding: 15px 0px;
}

.bigTable .table div.text a:hover {
	text-decoration: underline;
}

.bigTable .table span.zhekou {
	
}

.bigTable .table span.mjs {
	
}

.bigTable .table a.statusLink {
	display: inline-block;
}

.bigTable .table a.statusLink img {
	height: 24px;
}

.bigTable .table a.statusLink:hover {
	opacity: 0.8;
}

.bigTable .table span.statusLink {
	font-size: 14px;
}

.bigTable .table div.buttons {
	padding: 7px 0px 0px;
}

.bigTable .table .buttons a {
	padding: 5px 8px 5px 26px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 16px;
	margin-right: 4px;
	float: right;
	display: inline;
	background-image: url("../images/icons.png");
	background-repeat: no-repeat;
}

.bigTable .table .buttons a:active {
	padding-top: 6px;
	padding-bottom: 4px;
}

#actDetailPage .bigTable .table .buttons a {
	float: right;
	display: inline;
}

.bigTable .table .buttons a.editProductsBtn {
	background-position: -2px -30px;
}

.bigTable .table .buttons a.addProductsBtn {
	background-position: -2px -60px;
}

.bigTable .table .buttons a.finishBtn {
	background-position: -2px -90px;
}

.bigTable .table .buttons a.editActBtn {
	background-position: -2px 0px;
}

.bigTable .table .buttons a.exportBtn {
	background-position: -2px -150px;
}

.bigTable .table .buttons a.createPosterBtn {
	background-position: -2px -180px;
}

.bigTable .table .buttons a.shareBtn {
	background-position: -2px -120px;
}

.bigTable .table .buttons a.restartBtn {
	background-position: -2px -210px;
}

.bigTable .table .buttons a.removeFromListBtn {
	background-position: -2px -240px;
}

.bigTable .table .buttons a.clearLeftBtn {
	background-position: -2px -270px;
}

.bigTable .table .buttons .more {
	height: 32px;
	float: left;
	display: inline;
}

.bigTable .table .buttons .more a.arrow {
	background: rgb(88, 169, 226);
	padding: 5px 3px 5px 5px;
	border: 1px solid rgb(23, 121, 190);
	border-image: none;
	color: rgb(255, 255, 255);
	font-size: 13px;
	margin-right: 0px;
}

.bigTable .table .buttons .more:hover a.arrow {
	border-width: 2px;
	padding: 4px 2px 4px 4px;
	color: rgb(102, 102, 102);
	border-bottom-color: currentColor;
	border-bottom-style: none;
	background-color: rgb(255, 255, 255);
}

.bigTable .table .buttons .more .otherBtns {
	border-width: medium 2px 2px;
	border-style: none solid solid;
	border-color: currentColor rgb(23, 121, 190) rgb(23, 121, 190);
	padding: 0px 0px 8px 6px;
	border-image: none;
	width: 306px;
	height: 86px;
	position: absolute;
	box-shadow: 0px 2px 4px #bcd7ea;
	background-color: rgb(255, 255, 255);
	-moz-box-shadow: 0 2px 4px #BCD7EA;
	-webkit-box-shadow: 0 2px 4px #BCD7EA;
}

.bigTable .table .buttons .more .otherBtns a {
	margin: 8px 6px 0px 0px;
	padding: 0px 6px 0px 26px;
	width: auto;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	float: right;
	display: inline;
}

.bigTable .table .buttons .more .otherBtns a:active {
	line-height: 31px;
}

.bigTable .table .buttons .more .otherBtns .separateLine {
	background: rgb(207, 207, 207);
	height: 1px;
	display: block;
}

.bigTable .table .act-tr:hover {
	background: rgb(245, 250, 255);
}

.bigTable .table .lightGreen .act-tr {
	background: rgb(253, 255, 252);
}

a {  color: rgb(46, 146, 217);}

a.link:hover {
	text-decoration: underline;
}

a.blueBtn {
	background: rgb(46, 146, 217);
	color: rgb(255, 255, 255);
}

a.blueBtn:hover {
	background: rgb(88, 169, 226);
}

a.greenBtn {
	background: rgb(46, 217, 145);
	border: 1px solid rgb(23, 190, 118);
	border-image: none;
	color: rgb(255, 255, 255);
}

a.greenBtn_ {
	background: rgb(46, 217, 145);
	border: 1px solid rgb(23, 190, 118);
	border-image: none;
	color: rgb(255, 255, 255);
}

a.greenBtn:hover {
	background: rgb(88, 226, 167);
}

a.orangeBtn {
	background: rgb(255, 154, 54);
	border: 1px solid rgb(231, 129, 28);
	border-image: none;
	color: rgb(255, 255, 255);
}

a.orangeBtn:hover {
	background: rgb(255, 177, 99);
}

a.grayBtn {
	background: rgb(246, 246, 246);
	border: 1px solid rgb(217, 217, 217);
	border-image: none;
	color: rgb(102, 102, 102);
}

a.grayBtn:hover {
	background: rgb(250, 250, 250);
}

a.yellowBtn {
	background: rgb(255, 235, 54);
	color: rgb(255, 255, 255);
}

a.yellowBtn:hover {
	background: rgb(255, 239, 99);
}

a.darkBlueBtn {
	background: rgb(23, 121, 190);
	color: rgb(255, 255, 255);
}

a.darkBlueBtn:hover {
	background: rgb(88, 169, 226);
}

a.lightBlueBtn {
	background: #2f9fda;
	border: 1px solid rgb(23, 121, 190);
	border-image: none;
	color: rgb(255, 255, 255);
	cursor: pointer;
	padding:4px 7px;
}

input.lightBlueBtn {
	background: #2f9fda;
	border: 1px solid rgb(23, 121, 190);
	border-image: none;
	color: rgb(255, 255, 255);
	cursor: pointer;
	width: 100px
}

a.lightBlueBtn:hover {
	background: rgb(132, 191, 234);
	
}

a.lightGreenBtn {
	background: rgb(128, 212, 83);
	border: 1px solid rgb(76, 178, 21);
	border-image: none;
	color: rgb(255, 255, 255);
	padding:4px 7px;
}

a.lightGreenBtn:hover {
	background: rgb(158, 222, 124);
}

a.lightGrayBtn {
	background: #ddd;
	border: 1px solid rgb(217, 217, 217);
	border-image: none;
	color: rgb(153, 153, 153);
	padding:4px 7px;
}

a.lightGrayBtn:hover {
	background: #ddd;
	color: rgb(136, 136, 136);
}

a.purpleBtn {
	background: rgb(215, 45, 200);
	border: 1px solid rgb(190, 23, 178);
	border-image: none;
	color: rgb(255, 255, 255);
}

a.purpleBtn:hover {
	background: rgb(232, 136, 224);
}

.green {
	color: rgb(46, 217, 145);
}

.gray {
	color: rgb(204, 204, 204);
}

.red {
	color: rgb(242, 94, 120);
}

.mjsColor {
	color: rgb(242, 94, 120);
}

.fmjsColor {
	color: rgb(242, 94, 120);
}

.yellow {
	color: rgb(255, 235, 54);
}

.blue {
	color: rgb(88, 169, 226);
}

.orange {
	color: rgb(255, 154, 54);
}

.zhekouColor {
	color: rgb(255, 154, 54);
	font-size: 18px;
}

.fzhekouColor {
	color: rgb(255, 154, 54);
}

span.status_red {
	background: rgb(235, 49, 83);
	padding: 0px 2px;
	color: rgb(255, 255, 255);
}

span.status_gray {
	background: rgb(153, 153, 153);
	padding: 0px 2px;
	color: rgb(255, 255, 255);
}

span.status_blue {
	background: rgb(45, 67, 215);
	padding: 0px 2px;
	color: rgb(255, 255, 255);
	-ms-text-overflow: ellipsis;
}

span.status_orange {
	background: rgb(255, 154, 54);
	padding: 0px 2px;
	color: rgb(255, 255, 255);
}

span.status_orange a {
	color: rgb(255, 255, 255);
}



//=====//

#tbUser_info{ 
margin:0px; 
padding:0px; 
list-style-type:none; 
} 
#tbUser{ 
margin:0px; 
width:150px; 
height:40px; 
color:white; 
text-align:center; 
line-height:25px; 
cursor:pointer; 
padding-top:20px;
} 

#tbUser:hover{ 
background:#1d73a0;
} 

#tbUser_info li{ 
width:150px; 
height:30px; 
color:white; 
text-align:center; 
line-height:25px; 
cursor:pointer; 
background:#30adef;
} 

#tbUser_info li a{
	color:white
}

//====//



.free_post_title{padding: 20px;
    line-height: 26px;
    font-size: 16px;}
    
.free_post_area{margin-top:50px}

.area_line{padding:10px 20px;height:10px;width:80%}

.first_area{float:left;font-weight:bolder;}
.second_area{float:left}
.second_area li {float:left;width:70px;margin-left:20px}





.checkbox_label {display: inline; cursor:pointer;}
.checkbox_label + span {float:left;margin-right:20px;}
.regular-checkbox {display: none;}
.regular-checkbox + label {background-color: #fafafa;border: 1px solid #cacece;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 10px;border-radius: 3px;display: inline-block;position: relative; font-size:14px; margin:8px 5px 1px 0px;}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.regular-checkbox:checked + label {background-color: #30adef;border: 1px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);color: #99a1a7;}
.regular-checkbox:checked + label:after {content: '\2714';font-size: 16px;position: absolute;top: -8px;left: 3px;color: #eeeeee;}
/*****IE兼容****/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {    
   .regular-checkbox:checked + label:after{top:-8px;}
   .del_info .regular-checkbox:checked + label:after{top:-1px;}  
}
/***火狐兼容****/
@-moz-document url-prefix() { .regular-checkbox:checked + label:after{top:-11px;} .del_info .regular-checkbox:checked + label:after{top:-2px;} }

.del_info .regular-checkbox + label {margin:1px 5px 1px 0px;}