/* 
* @Author: anchen
* @Date:   2016-04-13 14:51:26
* @Last Modified by:   anchen
* @Last Modified time: 2016-04-14 17:27:15
*/
/* Basic reset */
/*body{ font:400 16px 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}*/
body {font:400 16px Microsoft YaHei,'宋体';}
.f{float:left;}
.r{float:right;}
.re{position:relative;}
.p20{padding:20px 0;}
.mb{margin-bottom: 10px;}
.mt{margin-top: 10px;}
.mr{margin:0 15px;}
.pr{padding:0 10px 0 15px;}
.dis{display:none;}
.disno{display:block}
.blue01{color:#67a2b4;}
.blue02{color:#468da1;}
.blue03{color:#555559;}
a:hover,
a:focus {
    color: #23527c;
    text-decoration: none;
    border: 0;
    outline: none;
}
.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration:underline;
    background-color: transparent;
    border: 0;
    outline: none;
}
.btn-link:active {
    border: 0;
    outline: none;
}

.form-control[readonly]{
    cursor: not-allowed;
    background-color:#fff;
    opacity: 1;
}
#keybord .form-control[readonly] {
    cursor: not-allowed;
    background:#313132;
    color:#fff;
    opacity: 1;
}

.font14{font-size:14px}
.font16{font-size:16px}
label{font-weight:normal;}
.btn_reset{padding:5px 12px}
.btn-info {
    color: #0bb1eb;
    background-color: #d4f4ff;
    border-color: #00aeea;
    margin:0 0 0 14px;
}
a.thumbnail{border: none;}
.bg1{padding:10px 15px 0;background-color:#f0f1f2; height:45px;}
.color1{color:#448ca0;}
.lineh{line-height: 50px;}
.box_title{ height:50px;width:90%; margin:0 15px; }
.back_title{width:10%; width:60px; margin-top: 8px;}
.name_title{width:90%; font-size:26px; }
.tvm{width:100%; }
.equal{width:35px; height:35px; background-color:#62a4f5; color:#fff; line-height:35px; cursor: pointer;}
.container{position:absolute;top:50px;left:0;overflow-y:auto;overflow-x: hidden;width:100%;  padding-bottom: 50px;overflow:auto;-webkit-overflow-scrolling: touch; }

footer{ width:100%; padding-top:10px; background:#e1e1eb; height:50px; position:fixed;bottom:0; z-index: 23;}
.footer{width:280px;margin:0 auto; }
.footer div{display:inline-block; line-height:30px;}
.regular-radio + label {
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #14b2ea;
    padding:9px;
    border-radius:30px;
    display: inline-block;
    position: relative;
}
.regular-radio:checked + label {
    color: #99a1a7;
    border: 2px solid #14b2ea;
    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), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio:checked + label:after {
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: 4px;
    background: #0bb0e9;
    left: 4px;
    font-size: 32px;
}
.regular-radio {
    display: none;
}
.radio-inline span{
    position:relative;
    left:8px;
    top:-10px;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 8px 12px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
 -webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, .075);
          box-shadow:  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;
}
.btn_reset{
    border-radius:20px;
    background:#9e9fdb;
    color:#fff;
    text-align:center;
    width:80px;
    height:32px;
    border:1px solid #9e9fdb;
    margin-left:20px;
}
.clear{clear:both;}
.promt
{
    position:absolute;
    width:280px;
    height:120px; 
    border:1px solid #62a4f5;
    background:green;
    left:50%;
    top:50%;
    margin-left:-140px;
    margin-top:-60px;
    background-color:#fff;
    border-radius:5px;
    z-index:3;
    text-align:center;
    padding:5px 0 10px;
    moz-box-shadow:2px 2px 10px #666; 
    -webkit-box-shadow:2px 2px 10px #666;
    box-shadow:2px 2px 10px #666;
    transition:width 3s;
    moz-transition:width 3s;
     -webkit-transition:width 3s;
    font-size:14px;
    }
 .btn-primary {
    margin: 5px 0;
    }
.promt_nobind {
    height:100%;
    width:100%;
    background:#e8edeb;
    position:absolute;
    z-index:4;
    text-align:center;
    padding-top:30%;
}


/*模拟计算器弹出层*/
.cal_layer1,.cal_layer2{background:#FFF;width:100%; position:fixed; z-index:999;bottom:0px;font-size:16px}
.content-wrap{width:100%;}
.col-1{width:20%;float:left;  border-right:1px solid #ddd; border-bottom: 1px solid #ddd;}
.col-1>div{text-align:center;  height:40px; line-height: 40px;font-size:18px}
.btn-link{color:#000;outline:none;border:0;}
.txtr{height:50px;font-size:30px;text-align:right;background:#313132;padding:5px 8px;border-radius:0; color:#fff;}
.width_4{width:40%;}
.sign{background:#eef3f7;color:#638db9;font-size:14px;}
.sign_red{color:#ea8780;}
.key_result{color:#fff; background:#ea8780;}
.key_result_equal{height: 80px; position:relative;float: right;padding:20px;}
.doubleh{
    height: 80px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ea8780; 
    z-index: 3;
    padding-top:20px
}

.hid_layer01 {
    width:12%;right:0;height:100%;position:absolute;z-index:21;
}
.hid_layer02{height:30px;width:100%;  }

.hid_layer03 {
width:30%;  display: block; position: absolute; height: 160px; left:45%; bottom: 6px; z-index: 0; 
}
.hid_layer04{ width: 17%;position: absolute; right: 37px; height:200px; z-index: 20;}
@media (min-width:375px){
    .promt_nobind > div {
      font-size:18px;
    }
}

.container-result {
	height: 20%;
}

.container-result > div {
	height: 34px;
}

.txtf {
	width: 100%;
	height: 80px;
	float: left;
	border: 0px solid #ccc;
	font-size: 20px;
	text-align: right;
	background-color: #313132;
    color:#fff;
}

.txtc {
	width: 100%;
	height: 80px;
	float: left;
	border: 0px solid #ccc;
	font-size: 25px;
	text-align: right;
    background: #313132;
    color:#fff;
}