/*
* @Author: Marte
* @Date:   2018-09-19 14:07:21
* @Last Modified by:   Marte
* @Last Modified time: 2018-09-19 15:50:30
*/

input::-webkit-input-placeholder { /* WebKit browsers */  
  color: darkgray;  
}  
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
  color: darkgray;  
}  
input::-moz-placeholder { /* Mozilla Firefox 19+ */  
  color: darkgray;  
}  
input:-ms-input-placeholder { /* Internet Explorer 10+ */  
  color: darkgray;  
}

textarea::-webkit-input-placeholder { /* WebKit browsers */  
  color: darkgray;  
}  
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
  color: darkgray;  
}  
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
  color: darkgray;  
}  
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */  
  color: darkgray;  
}

.wraper-cover{
    width: 100%;
    height: 100%;
    position: fixed;
    background:rgba(0,0,0,0.5);
    top:0;
    left: 0;
     z-index: 999;
}
.model-warper{
    width: 433px;

    background:white;
/*    border-radius: 10px;*/
    position:absolute;
    left:50%;
    top:50%;
    z-index: 99;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
/*   background-image: url(../images/xu-line.png);*/
   background-repeat: no-repeat;
   background-position: 50% 15%;
}

.model-warper h1{
	font-size: 23px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 7px;
	padding-bottom: 20px;
/*	background-color: gainsboro;*/
   background-image: url(../images/xu-line.png);	
   background-repeat: no-repeat;
   background-position: 50% 95%;  
/*   background-color: yellow;  */  
}

.mnodel-header{
    text-align: center;
    background:#3488ea;
    position:relative;
    color: white;
    font-size: 23px;
    font-weight: bold;
    line-height: 51px;
    height:3px;
}
.mnodel-header img{
    position:absolute;
    top:22px;
    right: 13px;
    cursor: pointer;
}
.model-warper .model-cont{
    padding:0 45px;
    box-sizing: border-box;
    font-size:16px ;
    font-weight:bold;
    color:#999999;
    padding-top: 5px;
    padding-bottom: 30px;
}
.model-warper .model-cont .active{
    color:white;
    background:#EF7C1E;
}
.model-warper .model-cont .mr10{
    margin-right: 10px;
}
.model-warper .model-cont .mock-btn{
    width: 97px;
    height: 43px;
    display: inline-block;
    color:#EF7C1E;
    box-sizing:border-box;
    border:1px solid #EF7C1E;
    border-radius:3px;
    line-height:40px;
    text-align:center;
    vertical-align: middle;
    cursor: pointer;
}
.model-warper .model-cont .active{
    color:white;
    background:#EF7C1E;
}
.model-warper .model-cont .model-select{
    width: 100%;
    height: 41px;
    border:1px solid #999999;
    border-radius:5px;
    outline: none;
    font-size:16px;
    color:#999999;
    padding-left: 42px;
}
.model-warper .model-cont .selectBox .model-select{
    background:url("../images/demond.png") no-repeat 14px 11px;
}
.model-warper .model-cont .selectBox2 .model-select{
    background:url("../images/file-icon.png") no-repeat 14px 11px;
}
.model-warper .model-cont .model-btn{
    width: 100%;
    height: 43px;
    background:#3488ea;
    color:white;
    border:none;
    outline:none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

textarea{
	width: 100%;
	border: 1px solid gainsboro;
	height: 75px;
	margin-bottom: 15px;
	font-weight: 500;
	text-indent: 20px;
	padding-top: 5px;
	/*color: #a9a9a9;*/
}


/* 二级表单样式修改 */
input[type="radio"] {
    display: none;
}

.form-grounp1{
	padding-top: 25px;
	position: relative;
	width: 100%;
	height: 36px;

	margin-bottom: 15px;
}

.label-1{
	font-size: 16px;
	padding: 10px 25px 10px 25px;

	color: #ff6a00;
	position: absolute;
	top: 14px;	
	right: 80px;
	border: 1px solid #ff6a00;
	border-radius: 3px;
	cursor: pointer;
}

.label-2{
	font-size: 16px;
	padding: 10px 25px 10px 25px;
	color: #ff6a00;	
	position: absolute;
	right: 0;
	top: 14px;
	border: 1px solid #ff6a00;	
	border-radius: 3px;
	cursor: pointer;
}

.select1-1-1{
    width: 100%;
    height: 55px;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;	
    background-image: url(../images/demond.png),url(../../images/form/sjx.png);
    background-repeat: no-repeat;
    text-indent: 20px;
    background-position: 4% 50%,95% 50%;
    background-size: 19px 17px,11px 9px;
/*    border: 1px solid darkgray;*/
/*    border-radius: 5px;*/
    border:  1px solid #dddddd;  
    /*color: darkgray;*/
	margin-bottom: 15px;    
	font-weight: 500;
}

.zz-name{
	width: 100%;
	height: 55px;	
    border: 1px solid #dddddd;
    border-radius: 3px;
    color: darkgray;
    text-indent: 20px; 
    background-image: url(../images/name.png);
    background-repeat: no-repeat;
     background-position: 4% 50%;
    background-size: 19px 17px;  
	margin-bottom: 15px;      
	font-size: 17px;       
	font-weight: 500;   	
}

.promise-1{
	text-align: center;
	margin-bottom: 5px;
}

.promise-1 span{
	color: #3488ea;
}

.yzm-wrap{
	width: 100%;
}

.zz-hy{
    background-image: url(../images/hy.png);	
}

.zz-lx{
    background-image: url(../images/phone.png);		
}

.zz-yz{
	    background-image: url(../images/yzm-1.png);
	    width: 100%;
	    position: absolute;
}

.yzm-wrap{
	position: relative;
}

.yzm-wrap button{
	top: 18px;
	padding-left: 10px;
	position: absolute;
	height: 20px;
	width: 30%;
	font-size: 15px;
	color: #a1a1a0;
	background: none;
	border-left: 1px solid #a1a1a0;
/*	background-color: #ff5b00;*/
	right: 5px;
}

.btn-xg{
	 background-color: #ff6a00;
	color: white;
}

	.model-btn{
		 width: 50%!important;
		border-radius: 50px!important;
		margin-left: 90px;
		background-color: #3488ea!important;
		font-weight: lighter!important;
    }
    .fixed-side{
        position:fixed;
        right:0;
        top:50%;
        transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        z-index:999;
    }
    .fixed-side ul{
        border:1px solid rgba(238,238,238,1);
        border-radius:2px;
        overflow: hidden;
    }
    .fixed-side li img{
        margin:11px 0 7px;
    }
    .fixed-side li{
        width:70px;
        height:70px;
        background:#fff;
        border-bottom:1px solid rgba(238,238,238,1);
        text-align:center;
        font-size:12px;
        font-family:Microsoft YaHei;
        color:rgba(145,145,145,1);
        cursor:pointer;
    }
    .fixed-side li:last-child{
        border-bottom: none;
    }
    .fixed-side li .hide{
        display:none;
    }
    .fixed-side li:hover{
        background-color:#5EA4EA;
    }
    .fixed-side li:hover p{
        color:#fff;
    }
    .fixed-side li:hover .show{
        display:none;
    }
    .fixed-side li:hover .hide{
        display:inline-block;
    }