/*public style*/
body {margin:0;padding:0;color:#333;background-color:#f2f2f2;font-size:14px;font-family:Arial,'Microsoft YaHei',sans-serif;}
select {height:30px;vertical-align:middle;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
table tr td {word-break:break-all;word-wrap:break-word;border-collapse:collapse;border-spacing:0;margin:0;padding:0;border:none;}
div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, textarea, p {margin:0;padding:0;list-style-type:none;}
input, select, textarea, button {outline:none;font-family:Arial,'Microsoft YaHei',sans-serif;}
input[type=radio] {position:relative;top:2px;margin-right:3px;}
ul {list-style:none;}
img {-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;border:0;}
a, p, ul li {text-decoration:none;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-webkit-tap-highlight-color: transparent; outline: none;}
a:link {color:#333333;}
a:visited {color:#333333;}
a:hover {text-decoration:none;color:#f37d0f;}
.hide{display:none;}
/*login page*/
.login-container{width:400px;background:#fff;position:absolute;left:50%;margin-left:-200px;top:50%;transform: translateY(-50%);border-radius:5px;}
.login-container > ul{display:table;width:100%;height:100%;text-align:center;}
.login-container > ul li{display:table-row;}
.wms-name{font-size:40px;font-weight:bold;margin-top:-20px;letter-spacing:8px;}
.wms-name1{font-size:14px;color:#888;letter-spacing:1.5px;line-height:30px;}
.login-container > ul li > div{width:75%;margin:15px auto 0 auto;position:relative;}
.login-container > ul li input[type=text],.login-container ul li input[type=password]{width:100%;height:45px;border:none;border-bottom:1px solid #d6d6d6;background:none;font-size:16px;text-indent:40px;}
.login-container > ul li .login-button{/*width:100%;*/height:45px;line-height:45px;color:#fff;border:none;border-radius:3px;font-size:18px;margin-top:10px;display:block;}
.login-container > ul li .login-button .iconfont{font-size:26px;color:#fff;}
.login-container > ul li .login-button:hover{opacity:0.8;filter:alpha(opacity=80);}
.input-ico{position:absolute;margin-top:4px;font-size:26px !important;}
.login-canvas {display: block;margin: 0 auto;}
.login-logoimg{height:100px;margin:60px 0 30px;}
.ver-code{position:absolute !important;right:0;bottom:10px;}
.login-copy{color:#888;font-size:12px;margin:30px 0;}
.login-copy span{color:#0a4776;font-weight:bold;margin:0 5px;}
.login-menu{position:absolute;left:350px;}
.login-menu li a{width:80px;height:50px;line-height:50px;display:block;background:#fff;margin:5px 0;border-radius:5px;box-shadow:8px 1px 5px rgba(0,0,0,.05);border-top-left-radius:0;border-bottom-left-radius:0;}
.login-menu .ui-state-active a{font-weight:bold;color:#f37d0f;/*background-image:linear-gradient(90deg,#fff,#fff,#888);*/}
.login-input div{position:relative;margin:14px 0 0 0;}
.gain-qrcode{position:absolute;display:inline-block;right:0px;line-height:50px;top:-4px;padding:0 20px;}
.gain-qrcode:before{content:'';width:1px;height:20px;background:#d6d6d6;position:absolute;left:0;bottom:15px;}

/*sidebar*/
.sidebar{width:120px;height:100%;background:url(/images/bg.jpg);position:fixed;z-index:999999;top:0;text-align:center;display:table;}
.sidebar ul li a.logo{opacity:1;filter:alpha(opacity=100);}
.sidebar ul li a.logo:hover{background:none;}
.sidebar ul li a{color:#fff;opacity:0.7;filter:alpha(opacity=70);display:block;padding:20px 0;}
.sidebar ul li a:hover{opacity:1;filter:alpha(opacity=100);background-color:rgba(255,255,255,.1)}
.sidebar a.user-ico{width:120px;padding:20px 0;display:block;}
.sidebar a.user-ico img{width:60px;height:60px;border-radius:50%;border:2px solid #ffffff;}
.sidebar ul li:hover .submenu{display:table;}
.sidebar .submenu{display:none;position:absolute;width:120px;left:120px;height:100%;background:#c01733;top:0;}
.sidebar .submenu a{padding:10px 0;}
.sidebar .submenu td{padding:10px 0;}
.submenu-ico{font-size:75px !important;color:#ff3d5d;}
.z-xz{position:absolute;margin-top:-40px;left:30px;}

/*container*/
.wms-container{width:100%;display:table;}
.container{width:100%;padding:20px 20px 20px 140px;display:table-cell;}

/*default*/
.default-wrap tr td{padding-right:20px;vertical-align:top;}
.default-wrap tr td:last-child{padding-right:0px;}
.block-wrap{background:#ffffff;padding:10px 20px;overflow:hidden;margin-bottom:20px;height:100%;}
.block-wrap .block-title{height:40px;line-height:30px;}

.block-list tr td .list-single{padding:0 20px !important;background:#f2f2f2;border:1px solid #f2f2f2;margin-bottom:10px;height:50px;line-height:50px;}
.block-list tr td .list-single:hover{border:1px solid #e66ec6;background:#ffffff;color:#e66ec6;}
.block-list tr td .list-single .right-number{float:right;font-size:16px;}
.block-list tr td .list-single .right-number i{font-size:12px;color:#888;}

/*table*/
.table-wrap{min-width:1200px;border-collapse:separate;}
.table-top{width:100%;height:50px;background:#fbfbfb;border-bottom:1px solid #ebebeb;border-top-left-radius:3px;border-top-right-radius:3px;}
.table-top a{line-height:50px;padding:0 40px;display:inline-block;text-align:center;border-right:1px solid #ebebeb;float:left;}
.table-top a.menu-on{background:#fff;color:#c01733;height:50px;cursor:default;position:relative;border-bottom:1px solid #fff;font-weight:bold;}
.table-top a.menu-on:before{content:'';position:absolute;height:3px;background:#c01733;width:100%;left:0;top:0;}
.table-padding{padding:20px 30px 20px 30px;background-color:#ffffff;}

/*quick search*/
.quick-search .am-btn{min-width:160px;}
.quick-search{margin-bottom:20px;}
.quick-search input{height:35px;border-radius:3px;padding:0 10px;border:1px solid #ccc;margin-right:10px;vertical-align:middle;line-height:35px;}
.quick-search input:focus{border-color:#c01733;}
.quick-search input[readonly]{cursor:pointer;}
.quick-search select{height:35px;border-radius:3px;padding:0 10px;border:1px solid #ccc;margin-right:10px;}
.quick-search button{height:35px;border:1px solid #ccc;margin-right:10px;vertical-align:middle;}
.quick-search button:last-child{margin-right:0px;}

/*form*/
.form-info thead tr th{background-color:#888;color:#fff;padding:0 5px;}
.form-info tr{height:45px;text-align:center;}
.form-info tbody tr:nth-child(2n+2){background:#f7f7f7;}
.form-info tbody tr:hover{background:#ddd;}
.form-info .operate a{background:#999;color:#fff;padding:5px 10px;border-radius:3px;margin-right:5px;}
.form-info .operate a:last-child{margin-right:0px;}
.form-info .operate a:hover{opacity:0.8;filter:alpha(opacity=80);}
.form-info .operate a span{margin-right:5px;font-size:14px;}
.form-info .operate a i{margin-left:5px;}
.form-end{height:80px;}

/*table wrap*/
.ana-card-1{width:auto;height:500px;overflow:hidden;background:#f7f7f7 !important;padding:20px 10px;margin-bottom:1%;display:block;}
.ana-card-2{width:49.5%;height:700px;overflow:hidden;background:#f7f7f7 !important;padding:20px 10px;margin-right:1%;float:left;margin-bottom:1px;}
.ana-card-2:nth-child(2n+2){margin-right:0px;}
.ana-card-4{width:24.25%;height:450px;overflow:hidden;background:#f7f7f7 !important;padding:20px 10px;margin-right:1%;float:left;margin-bottom:1%;}
.ana-card-4:nth-child(n+4){margin-right:0px;}

.litter_button{color:#fff;border:none !important;padding:0 15px;line-height:35px;border-radius:3px;}
.litter_button span{font-size:14px;margin-right:5px;}
.litter_button:hover{opacity:0.8;filter:alpha(opacity=80);}
.pic_25{width:25px;height:25px;border-radius:50%;margin-right:5px;}

/*quick_card*/
.quick_card{width:200px;height:280px;background:#fff;border-radius:5px;overflow:hidden;text-align:center;margin-right:50px;margin-bottom:20px;display:inline-block;box-shadow:0 1px 13px 0 rgba(0,0,0,.13);-webkit-box-shadow:0 1px 13px 0 rgba(0,0,0,.13);}
.quick_card:last-child{margin-right:0px;}
.quick_card .card_img{height:200px;}
.quick_card .card_img img{width:100%;}
.quick_card .card_img li span{font-size:120px;color:#ffffff;line-height:160px;}
.quick_card .card_img li p{color:#ffffff;font-size:16px;}
.quick_card .card_txt{text-align:center;}
.quick_card .card_txt a{width:140px;height:40px;color:#ffffff;display:inline-block;text-align:center;line-height:40px;border-radius:3px;font-size:16px;margin-top:20px;}
.quick_card .card_txt a span{font-size:18px;margin-right:5px;position:relative;top:1px;}
.quick_card .card_txt a:hover{opacity:0.8;filter:alpha(opacity=80);}
.quick_card .card_txt a img{width:10px;margin-left:5px;}
.quick_card .card_txt p{line-height:80px;color:#888;}
.fill-info tr{height:50px;}
.fill-info tr td:first-child{width:8%;text-align:right;padding-right:10px;color:#888;}
.fill-info input{width:350px !important;height:35px;line-height:35px;padding:0 10px;}
.fill-info a{display:inline-block;background:#33cc99;height:30px;width:30px;text-align:center;line-height:30px;border-radius:50%;vertical-align:middle;font-size:16px;color:#fff !important;}
.fill-info a:hover{opacity:0.8;filter:alpha(opacity=80);}
.fill-info i{margin-left:5px;font-size:12px;color:#c01733;}

.register-content{width:900px;margin:0 auto;}
.register-header{width:100%;height:55px;display:block;padding:30px 0 10px 0;}
.register-logo{display:inline-block;font-size:26px;}
.register-logo img{vertical-align:middle;position:relative;top:-5px;margin-right:5px;}
.register-logo span{vertical-align:middle;font-weight:bold;}
.register-link{float:right;line-height:55px;}
.register-link a{height:35px;line-height:35px; display:inline-block;margin:0 10px;font-weight:bold;color:#fff;background:#0a4776;padding:0 15px;border-radius:3px;}

.register-body{width:100%;background:#fff;border-radius:5px;overflow:hidden;}
.register-title{width:100%;height:60px;line-height:60px;text-align:center;font-size:24px;display:block;background:#0a4776;color:#fff;font-weight:bold;}
.register-step{width:100%;text-align:center;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.05);}
.register-step ul li{display:inline-block;width:20%;position:relative;color:#ddd;}
.register-step ul li:after{content:'>';position:absolute;right:0px;top:20px;}
.register-step ul li:last-child:after{content:'';}
.register-step .ison{color:#0a4776;}
.register-step ul li strong{font-size:48px;margin-right:10px;position:relative;top:3px;}
.register-step ul li div{text-align:left;display:inline-block;}
.step-info{padding:30px 0 60px 0;}
.register-input{width:400px;margin:0 auto;}
.register-input ul li{margin-top:14px;position:relative;}
.register-input ul li > span{font-size:16px;width:100px;text-align:right;display:inline-block;float:left;line-height:46px;}
    /*.register-input ul li > div { border-bottom: 1px solid #d6d6d6;}*/
    .register-input input[type=text], .register-input input[type=password], .register-input input[type=button] { width: 300px; height: 45px; border: none; border-bottom:1px solid #d6d6d6; background: none; font-size: 16px; }
.register-input input[type=text],.register-input input[type=password]{text-indent:10px;}
.register-input input[type=button]{background:#efeff4;border:none;border-radius:3px;padding:0 10px;}
.register-input ul li img{width:200px;text-align:left;}
.register-button{width:100%;height:45px;line-height:45px;text-align:center;color:#fff !important;border:none;border-radius:3px;font-size:18px;margin-top:10px;display:block;}
.register-button .iconfont{font-size:26px;color:#fff;}
.register-button:hover{opacity:0.8;filter:alpha(opacity=80);}
.register-foot{width:100%;text-align:center;font-size:12px;color:#888;line-height:50px;}
.register-foot p span{color:#0a4776;font-weight:bold;margin:0 5px;}
.register-radio{width:100%;height:45px;line-height:45px;}
.btn { border: 1px solid #f37d0f; padding: 1px 15px; color: #ffffff; background-color: #f37d0f; line-height: 26px; border-radius: 2px; }
    .btn:hover { border: 1px solid #e89a3a; background-color: #e89a3a; }
.btngray { border: 1px solid #aaaaaa; padding: 1px 10px; color: #ffffff; background-color: #aaaaaa; line-height: 26px; border-radius: 2px; }
.choose-pro{width:600px;text-align:center;margin:0 auto;}
.choose-pro li{width:30%;display:inline-block;box-sizing:border-box;border:1px solid rgba(0,0,0,.05);margin-bottom:10px;}
.choose-pro li p{font-size:16px;margin:5px 0;}
.choose-pro li input{margin-bottom:10px;border:none;padding:5px 10px;border-radius:3px;color:#fff;background:#ccc;}
    .choose-pro li input.active { background: #f37d0f; }
.choose-pro li:last-child{width:80%;display:block;margin:0 auto;border:none;}
/*城市选择控件*/
._citys { width: 360px; display: inline-block; border: 1px solid #eee; padding: 5px; position: relative; background: #fff; }
    ._citys span { color: #ff6600; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 2px; position: absolute; right: 10px; top: 10px; border: 1px solid #ff6600; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #ff6600; padding: 0; margin: 0; }
    ._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: #ff6600; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
    ._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f9f9f9; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
        ._citys1 a:hover { color: #fff; background-color: #ff6600; }
.AreaS { background-color: #ff6600 !important; color: #fff !important; }

@media only screen and (max-width: 640px) and (min-width: 100px) {
	.login-menu{position:relative;left:0;}
    .login-menu li{display:inline-block !important;}
    .login-menu li a{width:100px;margin:0 10px;box-shadow:0 0 8px rgba(0,0,0,.1) !important;border-radius:5px;}
    .register-content{width:100%;}
    .register-title{font-size:20px;font-weight:normal;}
    .register-step{text-align:center;}
    .register-step ul li strong{font-size:40px;top:0;margin-right:0;display:block;}
    .register-step ul li div{text-align:center;font-size:12px;}
    .register-step ul li:after{content:'>';position:absolute;right:-10px;top:15px;}
    .register-input{width:100%;box-sizing:border-box;}
    .register-input input[type=text], .register-input input[type=password], .register-input input[type=button]{width:240px;}
    .choose-pro{width:100%;}
    .choose-pro li p{font-size:14px;margin-top:10px;}
    .choose-pro li:last-child{width:100%;padding:0 10px;}
    .step-info{padding:10px 10px 30px 10px;}
    .register-body{border-radius:0;}
    .gain-qrcode { position: absolute; display: inline-block; right: 0px; line-height: 50px; top: -4px; padding: 0 20px; }
    .ui-button-text { font-size: 12px !important; padding: 1px 10px !important; }
    .login-container {width: 100%;left:0;margin-left:0;border-radius:0;}
}