﻿@charset "utf-8";
/* CSS Document */
body{margin:0; background-color:#fff; font-size:14px; font-family:"微软雅黑"; color:#555;}
div{display:block; box-sizing: border-box;}
ul,ol,li,dd,dt,dl,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0; list-style:none; display:block; box-sizing: border-box;}
img{border:none;}
a{text-decoration:none; outline: none;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:14px;}
h6{font-size:13px;}

a:link{text-decoration:none;color: #333;}
a:visited {text-decoration: none;color:inherit;}
a:hover{color:#f80;text-decoration:none;}


.bg-yellow{background-color: #ffc600;}
.bg-orange{background-color: #ff7e00;}
.bg-green{background-color: #69d400;}
.bg-red{background-color: #ea4444;}
.bg-blue{background-color: #00a6fc;}
.bg-indigo{background-color: #7c5fea;}
.bg-purple{background-color: #bf4ce0;}
.bg-black{background-color: #333;}
.bg-white{background-color: #fff;}
.bg-grey{background-color: #e5e5e5;}

.color-blue{color: #008cd4 !important;}
.color-black{color: #000 !important;}

.img-full{display:block; max-width: 100%; width: auto; height: auto; margin: 0 auto;}
.block{display:block;}
.clear{clear:both;}
.none{display:none;}

/*图标*/
.icon{background-position: center center; background-size: contain; background-repeat: no-repeat; display: block;}
.icon-menu{background-image: url(../img/icon-menu.png);}
.icon-menu-c{background-image: url(../img/icon-menu-c.png);}
.icon-back{background-image: url(../img/icon-back.png);}

/*过渡*/
.transition{
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

/*文字超出*/
.interception{display:block; overflow:hidden; white-space:nowrap;
-webkit-text-overflow:ellipsis;
-ms-text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
}


/*框架*/
.container{width: 100%; margin:0 auto; padding:0; clear:both;}
.row{width:100%; float: left; clear:both;}

[class*="col-"]{display:block; box-sizing:border-box; float:left;}

.col-xs-12{width:100% !important;}
.col-xs-11{width:91.66666666% !important;}
.col-xs-10{width:83.33333333% !important;}
.col-xs-9{width:75% !important;}
.col-xs-8{width:66.66666666% !important;}
.col-xs-7{width:58.33333333% !important;}
.col-xs-6{width:50% !important;}
.col-xs-5{width:41.666666660% !important;}
.col-xs-4{width:33.33333333% !important;}
.col-xs-3{width:25% !important;}
.col-xs-2{width:16.66666666% !important;}
.col-xs-1{width:8.33333333% !important;}


/*按钮样式*/
.btn-success{background:#65ad01 !important; border:1px solid #65ad01 !important; color:#fff !important;}
.btn-primary{background:#35aa47 !important; border:1px solid #35aa47 !important; color:#fff !important;}
.btn-warning{background:#f70 !important; border:1px solid #f70 !important; color:#fff !important;}
.btn-danger{background:#e00 !important; border:1px solid #e00 !important; color:#fff !important;}
.btn-info,.btn-info:hover{background:#fff !important; border:1px solid #ccc !important; color:#777 !important;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{opacity:0.3;}
.btn-lg{padding:8px !important;}


/*单复选框样式*/
input[type="text"],input[type="password"], select, textarea{margin:0; font-family:inherit; font-size:100%; box-sizing:border-box; outline:none; padding:5px; border:1px solid transparent;}
input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{box-sizing:border-box; outline:none;}
input[type="text"][disabled],input[type="password"][disabled]{box-shadow:none;}

.myselect{position: relative;}
.myselect .arrow{position: absolute; top:50%; margin-top:2px; right: 12px; display: block; line-height: 0; height: 0; width: 0; border-top:4px solid #0070A9;  border-left:4px solid transparent;  border-right:4px solid transparent; font-size: 0px; line-height: 0px; }
.myselect select{display: block; font-size: 14px; color: #0a70a4; border: 1px solid #0a70a4; border-radius: 5px; display: block; width: 100%; box-sizing: border-box; padding:6px 8px 4px 8px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; background-color: #fff;}