/*pc*/
.form-inline{flex-flow:row}
.login-container{    
background-color:#fff;  
width: 530px;padding:20px;            
margin:10% auto;   
border-radius:25px;
border:#7896DC 2px solid;     
}        
.login-nav{            
width: 160px;margin-bottom:10px;            
height: 45px;line-height:45px;
text-align: center;
font-size: 25px;            
color: #7896DC;   
}
-webkit-tap-highlight-color:rgba(255,255,255,0);
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;
}
.form-horizontal{width:480px;margin:0 auto;color:#6B6B6B;font-size:18px;} 
.form-inline .form-control{width:365px;} 
.form-control{ line-height: inherit;box-shadow: 0px 0px 3px #6b6b6b inset;background: #fff;}
.btn-primary2{width:94%;margin:20px auto;background:#7896DC;color:#fff;font-size:24px;}

.reg{color:#6B6B6B;font-size:13px;}
.help{color:#6B6B6B;font-size:13px;} 
.order {
            margin-top:20px;
            text-align: center;
        }
.title-text span {
    display: block;      /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative;  /*定位横线（当横线的父元素）*/
font-size:18px;
    color: #878E99;      /*居中文字的颜色*/
    text-align: center; 
} 

.title-text span:before, .title-text span:after { 
    content: ''; 
    position: absolute;   /*定位背景横线的位置*/
    top: 50%; 
    background: #878E99;   /*背景横线颜色*/
    width: 30%;            /*单侧横线的长度*/
    height: 1px; 
} 

.title-text span:before { 
    left: 3%;              /*调整背景横线的左右距离*/
} 

.title-text span:after { 
    right: 3%; 
}
.direg{width:100%;font-size:14px;text-align:center;margin-top:20px;}
button.close{position:absolute;right:-10px;top: -12px;
    background: #fff;border:#7896DC 2px solid;  
border-radius:25px;font-size:22px;color:#6b6b6b;
    width: 30px;height:30px;}
.onShow{color:red;}
.onError{color:red;}
.onFocus{color:red;}
.onCorrect{color:red;}

.input-focus{width:342px;line-height: inherit;padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
   border: 2px solid rgba(0,0,0,.15);
   box-shadow: 0px 0px 3px #6b6b6b inset;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}	
	
#sinput{float:left;width:84%;height:35px;background:transparent;border-radius:0px;border:0;text-indent:1em;outline: none;}

/*phone*/
.msearch{margin:10px}
.hidden-desktop{display:none;}     
.login-container2{    
background-color:#fff;  
width: 98%;           
margin:10% auto;      
}        
.login-nav2{            
width: 160px;margin-bottom:10px;            
height: 15px;line-height:45px;
text-align: center;
font-size: 25px;            
color: #7896DC;   
}
.form-horizontal2{width:90%;margin:0 auto;color:#6B6B6B;font-size:18px;} 
.form-inline .form-control{width:342px;} 
.form-control{ line-height: inherit;box-shadow: 0px 0px 3px #6b6b6b inset;background: #fff;}
.btn-primary3{width:40%;margin:20px auto;border-radius:25px;background:#7896DC;color:#fff;font-size:24px;}
.red2{margin-right:5px;color:#F00;line-height:45px;position:absolute;margin-left:8px;}
.reg{color:#6B6B6B;font-size:13px;}
.help{color:#6B6B6B;font-size:13px;} 
.order {
            margin-top:20px;
            text-align: center;
        }
.title-text span {
    display: block;      /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative;  /*定位横线（当横线的父元素）*/
font-size:18px;
    color: #878E99;      /*居中文字的颜色*/
    text-align: center; 
} 

.title-text span:before, .title-text span:after { 
    content: ''; 
    position: absolute;   /*定位背景横线的位置*/
    top: 50%; 
    background: #878E99;   /*背景横线颜色*/
    width: 30%;            /*单侧横线的长度*/
    height: 1px; 
} 

.title-text span:before { 
    left: 3%;              /*调整背景横线的左右距离*/
} 

.title-text span:after { 
    right: 3%; 
}
.direg{width:100%;font-size:14px;text-align:center;margin-top:20px;}
button.close2{position:absolute;left:45%;top: -12px;z-index:99;padding:0;
    background: #fff;border:#7896DC 1px solid;
border-radius:25px;font-size:20px;color:#6b6b6b;
    width: 22px;height:22px;line-height:20px;}
.nav-tabs3 { 
		  display: flex;width:100%;
		  list-style: none;
		}
.nav-tabs3	li {
		  position: relative;font-size:24px;text-align:center;
		  padding: 20px;width:50%;
		  line-height: 1;
		  transition: 0.2s all linear;
		  cursor: pointer;
		}
.nav-tabs3	li a{text-decoration: none;}		
.nav-tabs3	li::before {
		  content: "";
		  position: absolute;
		  top: 0;
		  bottom:0;
		  left: 100%;
		  width: 0;
		  height: 100%;
		  border-bottom: 2px solid #878E99;
		  transition: 0.2s all linear;
		}

.tab3 a{color: #BFBFBF;}

.nav-tabs3  .active a{ color: #789AD9;} 

.nav-tabs3	.active ~ li::before {
		  left: 0;
		}
.nav-tabs3	.active::before {
		  width: 100%;
		  left: 0;
		  top: 0;
		}
.nav-tabs3		.hover::before{
			width: 200%;
		}	
.ricon1{position: absolute; top: 10px;margin-left:20px;width:23px;height:23px;background:url(../images/wap/reg1.jpg);background-size: 100% 100%;}
.ricon2{position: absolute; top: 10px;margin-left:20px;width:23px;height:23px;background:url(../images/wap/reg2.jpg);background-size: 100% 100%;}
.ricon3{position: absolute; top: 10px;margin-left:20px;width:23px;height:23px;background:url(../images/wap/reg3.jpg);background-size: 100% 100%;}
.ricon4{position: absolute; top: 10px;margin-left:20px;width:23px;height:23px;background:url(../images/wap/reg4.jpg);background-size: 100% 100%;}
.ricon5{position: absolute; top: 10px;margin-left:20px;width:23px;height:23px;background:url(../images/wap/reg5.jpg);background-size: 100% 100%;}
.ricon6{position: absolute; top: 10px;margin-left:20px;width:23px;height:23px;background:url(../images/wap/reg6.jpg);background-size: 100% 100%;}
.ricon7{position: absolute; top: 10px;margin-left:20px;width:23px;height:23px;background:url(../images/wap/reg7.jpg);background-size: 100% 100%;}
.set_box{border-bottom:2px solid #BFBFBF;}	
.modal-header{padding:0;}
.modal-title2{background:#789AD9;width:100%;height:45px;line-height:45px;font-size:18px;color:#fff;text-align:center;margin:0;}

.modal-body{padding:0rem}
.has-feedback{margin-top:10px;}
.form-center .username input,.form-center .password input{
    height: 50px;
    padding-left: 70px;
}
 
 
.form-control-feedback {
    line-height: 50px;
}

.input1 {
display: block;border-radius:0px;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
	 
    border-bottom: #787878 1px solid;
    background-color: #ffffff;
	line-height: 1.25;
    color: #495057;
	outline:none;
	text-indent: 3em;
}

.col-sm-2{padding:0;width:20%;}
@media (max-width: 960px) {
.hidden-desktop{display:block;}
.hidden-phone{display:none;}
.input-focus{
display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom: #787878 1px solid;
    background-color: #ffffff;
	line-height: 1.25;
    color: #495057;
	outline:none;
	box-shadow: 0px 0px 0px;
	text-indent: 3em;}
	.ricon1 {top: 2px;}
	.ricon2 {top: 2px;}
	.ricon3 {top: 2px;}
	.red2{line-height:35px;} 
	.form-group{font-size:12px}
	.form-control{text-indent:3em;}
}
input,button,textarea,select,a:focus {outline:none;border:0}
button:focus {outline:none;}