body .cm-section{padding: 0;width: 100%;min-width: 100%;padding-top: 3.5rem;
    box-sizing: border-box;}
.banner{width: 100%;}
	.second-div{width:100%;}
	.m-section-block{margin: 0 auto;margin-top: 12vw;border-bottom: 1px solid #eee;width: 98%;padding-bottom: 8vw;}
	.m-idx-apply{width:100%;display: flex;flex-direction:row;align-items: center;box-shadow: 0 -1px 8px 2px #ddd;margin: 0 auto;}
	.left-banner-word{width: 300px;height: 100px;display: flex;align-items: center;justify-content: center;color: #fff;background: #666;font-size: 20px;line-height: 30px;flex-shrink: 0;}
	.apply-form{flex:1;width:900px;}
	.m-idx-apply .apply-form form {padding:0 60px;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;align-items: center;}
	.file-group{display: flex;align-items: center;height: 60px;width: 300px;padding: 10px;border: 1px solid #999;}
	.m-idx-apply .apply-form form .file-group .label.name {background: url(../icon/form-name.png) no-repeat center center;background-size: cover;}
	.file-input {flex: 1;line-height: 40px;height: 40px;margin-left: 10px;padding: 0 10px 0 30px;font-size: 14px;color: #666;border: none !important;border-left: 1px solid #999;}
	.m-idx-apply .apply-form form .file-group .label.phone {background: url(../icon/form-phone.png) no-repeat center center;background-size: cover;}
	.m-idx-apply .apply-form form .file-group .label {display: block;width: 30px;height: 30px;-ms-flex-negative: 0;flex-shrink: 0;}
	.btn-submit {display: block;width: 100px;height: 50px;line-height: 50px;background: #ff9000;color: #fff;text-align: center;border-radius: 6px;font-size: 16px;}
	.m-lesson-list {width: 100%;display: flex;flex-wrap: wrap;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;}
	.lesson-item {width: 380px;height: 152px;background-size: 100%;padding: 20px 30px 20px 130px;margin:0 10px;}
	.lesson-title {font-size: 22px;line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.m-lesson-list .lesson-item .num {display: flex;align-items: center;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 15px;}
	.m-lesson-list .lesson-item .num span {font-size: 18px;color: #666;}
	.m-lesson-list .lesson-item .num b {font-size: 16px;color: #fff;line-height: 32px;height: 32px;padding: 0 20px;border-radius: 999px;background: #3a3a3a;font-weight: normal;}
	.m-lesson-list .lesson-item .num b em {padding: 0 5px;font-size: 18px;}
	.m-idx-achievement {
    padding: 0 5vw;
}
	.cm-container2 {width: 100% !important;margin:0 auto !important;}
	.m-idx-common-header .title {position: relative;color: #7F523C;font-size: 20px;text-align: center;}
	.m-idx-common-header .tip {color: #333;font-size: 36px;text-align: center;position: relative;font-weight: bold;}
	.m-idx-achievement .achievement-list {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;background: #fff;flex-flow: wrap;}
	.m-idx-achievement .achievement-list.nth-sdd-list{
		
flex-wrap: wrap;
		
width: 80%;
		
margin: 0 auto;
		
justify-content: space-between;
		
margin-top: 30px;
		
-webkit-box-shadow: none;
	}
	.m-idx-achievement .achievement-list .achievement-item {width: 50%;-moz-box-shadow: 0 0 4px 1px #ddd;cursor: default;margin-top: 6vw;}
	 .m-idx-achievement .achievement-list.nth-sdd-list .achievement-item{
	 	
height: 210px;
	 	
width: 210px;
	 	
padding: 0;
	 	
margin-top: 38px;
	 }
	 .m-idx-achievement .achievement-list.nth-sdd-list .achievement-item .data{
	 	
border-radius: 0;
	 	
width: 100%;
	 	
height: 100%;
	 }
	.m-idx-achievement .achievement-list .achievement-item .data {margin:0 auto;display: block;width: 32vw;height: 32vw;font-size: 40px;color: #fff;text-align: center;line-height: 170px;background: #7F523C;-moz-border-radius: 50%;border-radius: 50%;transition: all .5s linear;transform: rotateY(0deg);position: relative;overflow: hidden;}
	.m-idx-achievement .achievement-list .achievement-item .data:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;}
	.m-idx-achievement .achievement-list .achievement-item .b-word {text-align: center;font-size: 4vw;color: #000;margin-top: 2vw;font-weight: bold;}
	.m-idx-achievement .achievement-list .achievement-item .s-word {font-size: 3.26vw;text-align: center;color: #797878;margin-top: 1vw;}
	.cm-teacher{width:100%;background-color:#fff;padding: 0 4vw;margin-top: 12vw;}
	.cm-teacher .teacher-list{width:100%;display:flex;flex-direction:row;align-items:center;margin-top:60px;margin-bottom:20px;}
	.cm-teacher .teacher-list .item{width:190px;height:auto;position:relative;margin-right:7px;}
	.cm-teacher .teacher-list .item img{width:100%;}
	.cm-teacher .teacher-list .item .detail{background-color: rgba(0,0,0,0.62);width:100%;height:auto;position:absolute;bottom:0;padding:20px 10px;text-align:center;color:#fff;font-size:11px;}
	.cm-teacher .teacher-list .item .detail .info{margin-bottom:10px;}
	.cm-teacher .teacher-list .item .detail .honor{line-height:15px;display:none;}
	.cm-teacher .teacher-list .item:hover .detail .honor{line-height:15px;display:block;}	
	.cm-teacher .teacher-list .item .detail .info .en{font-size:13px;}
	.cm-teacher .teacher-list .item .detail .info .cn{font-size:20px;}
	.cases-list{display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex-flow: wrap;}
	.cases-list .item{width: 100%;display:flex;flex-direction: column;align-items:center;margin-top: 6vw;}
	.item .coverimgcon{position: relative;width: 100%;}
	.item .coverimg{width:100%;position: relative;z-index: 9;}
	.item .title{
	  width:100%;
	  background: #1156ab;
	  color: #fff;
	  font-size: 3.73vw;
	  padding: 2vw 0;
	  text-align: center;
	  margin-bottom: 4vw;
	  font-weight: bold;
	}
	.item img.playimg{position:absolute;left: 50%;transform: translateX(-50%);top:80px;cursor:pointer;width: 10vw;z-index: 10;}
	.cases-list .item .desc{background-color: #eee;width:100%;padding: 3vw;color: #737373;font-size: 3.56vw;}
	.cases-list .item .desc .txt-1{font-size: 4vw;color:#333333;font-weight:bold;margin-bottom:5px;}
	.title2 {font-family: SourceHanSansCN-Regular;font-size: 4.73vw;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #1156ab;}
	.tip2 {font-family: SourceHanSansCN-Regular;font-size: 3.73vw;font-weight: normal;font-stretch: normal;letter-spacing: 0px;opacity:0.67;margin-top: 3px;}
	.students-list {margin-top: 3vw;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
	.students-list li {width: 33%;overflow: hidden;}
	.students-list li a {display: block;width: 100%;height: 100%;-ms-flex-negative: 0;flex-shrink: 0;}
	.students-list li a>img{width: 100%;}
	.m-idx-students .students-list li a img {display: block;width: 100%;height: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	.students-list-con{width: 100%;margin-top: 4vw;}
	.students-list-con>.teacherlistimg{
	   width: 100%;
	}
	.videoplay-outbox{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.5);z-index: 888;display: none;}
    .videoplay-outbox .videoplay-inbox .videoplay-cancel{width: 6vw;height: 6vw;text-align: center;right: -2vw;top: -8vw;position: absolute;color: #fff;font-size: 4vw;border-radius: 50%;border: 2px solid #fff;cursor: pointer;line-height: 4vw;box-sizing: border-box;}
    .videoplay-outbox .videoplay-inbox{width: 90%;margin: 0 auto;position: relative;background: #000;top: 50%;transform: translateY(-50%);}
    .videoplay-outbox .videoplay-inbox  .videocontent{width: 100%;height: 100%;object-fit: fill;}
    .address-value{font-size: 18px;margin-bottom: 20px;}
	.cases-list .item .desc>.txt-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
	
	
	.teacher-item{width: 190px;height: auto;position: relative;margin-right: 7px;}
	.teacher-item img {width: 100%;}
	.teacher-item .detail {background-color: rgba(0,0,0,0.62);width: 100%;height: auto;position: absolute;bottom: 0;padding: 20px 10px;text-align: center;color: #fff;font-size: 11px;}
	.teacher-item .detail .info {margin-bottom: 10px;}
	.teacher-item .detail .info .en {font-size: 13px;}
	.teacher-item .detail .info .cn {font-size: 20px;}
	.teacher-item .detail .honor {line-height: 15px;display: none;}
	.teacher-item:hover .detail .honor{line-height:15px;display:block;}

    .infomation-con{
	  display:flex;
	  justify-content: center;
	  width: 72%;
	  margin: 0px auto;
	  margin-top:60px;
	  margin-bottom: 60px;
	  position: relative;
	}
	.infomation-con>.video-demo-con{
	   width:50%;
	}
	.infomation-con .video-tipimgcon{
	position:relative;
	padding: 0 23px;
	}
	.video-tipimgcon:before{
	  content:'';
	  display: block;
	  position:absolute;
	  width:100%;
	  height:100%;
	  background-image:url(../icon/mob_play.png);
	  top: 0;
	  left: 0;
	  background-position: center;
	  background-size: 80px;
	  background-repeat: no-repeat;
	}
	.infomation-con .video-tipimgcon>img{
	}
	.infomation-con .txt-info-con{
	   width:50%;
	}
	.infomation-con .txt-info-con .txt-info{
	  padding: 30px 20px 15px 120px;
	  line-height: 28px;
	}
	.infomation-con .txt-info-con .txt-info>em{
	  font-size:15px;
	  color:#121212
	}
    .infomation-con .floattiptitle{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	background-color: #1858ab;
	height: 120px;
	width: 134px;
	left: 42%;
	top: 60px;
	}
	.cmi-tixi-list{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 3vw;
}
	.cmi-tixi-list .cmi-tixi-item{
    width: 100%;
    height: 10vw;
    display: flex;
    align-items: center;
    margin-top: 4vw;
    border-bottom: 1px solid #1156ab;
    text-align: center;
}
	.cmi-tixi-list .cmi-tixi-item.l{}
	.cmi-tixi-list .cmi-tixi-item.r{
    text-align: right;
}
	.cmi-tixi-list .cmi-tixi-item em{
    font-size: 3.56vw;
    padding-left: 3vw;
    padding-right: 2vw;
    width: 100%;
}
	.cmi-tixi-list .cmi-tixi-item>label{
    font-size: 4vw;
    min-width: 22vw;
    font-weight: bold;
    height: 10vw;
    background: #1156ab;
    color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 2vw;
    align-items: center;
}
.cmi-tixi-list .cmi-tixi-item.r>label{
	transform: translate(15px, -5px);
	float: right;
}
.cmi-tixi-list .cmi-tixi-item>label{
	float: left;
	transform: translate(-2vw,1px);
}
	.cmi-tese-list{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 3vw;
}
	.cmi-tese-list .cmi-tese-item{
    width: 100%;
    height: 10vw;
    background-color: #eee;
    display: flex;
    align-items: center;
    margin-top: 4vw;
    border-radius: 1vw;
}
	.cmi-tese-list .cmi-tese-item.l{}
	.cmi-tese-list .cmi-tese-item.r{
    text-align: right;
}
	.cmi-tese-list .cmi-tese-item em{
    font-size: 3.26vw;
    padding-left: 3vw;
    padding-right: 2vw;
}
	.cmi-tese-list .cmi-tese-item>label{
    font-size: 4vw;
    min-width: 12vw;
    font-weight: bold;
    height: 12vw;
    background: #1156ab;
    color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 12vw;
    align-items: center;
}
.cmi-tese-list .cmi-tese-item.r>label{
	transform: translate(15px, -5px);
	float: right;
}
.cmi-tese-list .cmi-tese-item>label{
	float: left;
	transform: translateX(-2vw);
}
.head-btn {
	width: 3rem;
	float: right;
	height: 100%;
	background-image: url(../icon/mob_menu.png);
	background-size: 1rem;
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-repeat: no-repeat;
	-o-background-repeat: no-repeat;
}
.head-btn.wechat {
	background-image: url(../icon/mob_wechat.png);
	background-size: 1.4rem;
}
.head-btn.phone {
	background-image: url(../icon/mob_phone.png);
	background-size: 1.2rem;
}
.head-btn.menu {
	background-image: url(../icon/mob_menu.png);
}
.foward-selected-status .menu {
	background-image: url(../icon/mob_close.png);
}
body.foward-selected-status .right-nav-wrapper{
   left:0;
}
.right-nav-wrapper{
   position: fixed;
   height:100%;
   width:100%;
   top: 3.5rem;
   overflow: hidden;
   z-index: 100000000000000;
   left:100%;
   transition: left 0.5s;
}
.right-nav-wrapper ul{
   height:100%;
   width: 13rem;
   background-color: #fff;
   float: right;
}
.right-nav-wrapper ul>li{
   margin-top: 8vw;
   padding-left: 5vw;
   position: relative;
}
.right-nav-wrapper ul>li.active:before{
      content: '';
      display: inline-block;
      height: 6vw;
      width: 2vw;
      background-color: #1156ab;
      position: absolute;
      left: 0;
}
.right-nav-wrapper ul>li.active>a{
   color: #1156ab;
}
.right-nav-wrapper ul>li>div>a{
    display:block;
    margin-top: 4vw;
    font-size: .95rem;
}
.right-nav-wrapper ul>li>a{
   color: #252525;
   font-size: 1.2rem;
}
.head-nav {
	width: 100%;
	box-sizing: border-box;
	height: 3.5rem;
	text-align: right;
	background-image: url(../image/head_logo.png);
	background-size: 35vw;
	background-position: 5vw center;
	background-repeat: no-repeat;
	-moz-background-repeat: no-repeat;
	-o-background-repeat: no-repeat;
	background-color: #fff;
	position: fixed;
	z-index: 1111111111111;
}
.form-wrapper{margin-top: 0vw;}
.form-wrapper .form-con{margin: 0 2rem;margin-top: 2rem;}
.form-wrapper .form-con>div.input-con{}
.form-wrapper .form-con>div.input-con{border: 1px solid #e7e7e7;margin-bottom: 1.2rem;height: 12vw;display: flex;align-items: center;padding-left: 3rem;box-sizing: border-box;}
.form-wrapper .form-con>div.input-con.name{background: url(../icon/form-name.png) no-repeat 3vw center;-moz-background-size: cover;background-size: 4vw;background-color: #f7f7f7;}
.form-wrapper .form-con>div.input-con.phone{background: url(../icon/form-phone.png) no-repeat 3vw center;-moz-background-size: cover;background-size: 4vw;background-color: #f7f7f7;}
.form-wrapper .form-con>div.input-con input{width: 100%;border: 0;font-size: 3.73vw;}
.form-wrapper .form-con>div.btn-con{}
.form-wrapper .form-con>div.btn-con>button{width: 100%;height: 12vw;background-color: #1156ab;color: #fff;border-radius: 6px;border: 0;font-size: 4vw;}
.form-wrapper .form-con>div.btn-con>button:active{    background-color: #0d4181;}
.form-wrapper .title-con{}
.form-wrapper .title-con>p{
    line-height: 12vw;
    text-align: center;
    background-color: #eee;
    color: #252525;
    font-size: 4vw;
}
.win-tips-contains{display:none;position: fixed;background-color: rgba(0,0,0,0.5);top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;}
.win-tips-contains .win-tips-content{height: 100%;}
.win-tips-contains .tip-window{width: 18rem;height: auto;margin: 0 auto;background-color: #fff;position: relative;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-size: 100%;box-sizing: content-box;text-align: center;}
.win-tips-contains .tip-txt{font-size: .85rem;text-align: center;}
.win-tips-contains .img-con{display: inline-block;border-radius: 16px;}
.win-tips-contains .img-con>img{width: 100%;}
.win-tips-contains .btn-con{}
.win-tips-contains .btn-con>button.iknow{border:0;padding: 7px 35px;border-radius: 30px;font-size: 15px;color: #fff;background-color: #00c28b;}
.win-tips-contains .btn-con>button.iknow:active{padding: 7px 35px;background-color: #02966c;}
.footer-ipc-con{font-size: .55rem;text-align: center;padding: .5rem 0;}


.code {
	width: 40%;
}

.vertity-code-img {
	vertical-align: middle;
	border: 1px solid grey;
	margin-left: auto;
}

.captcha-wrapper{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: -1;
  display: flex;
  align-items: center;
}
.captcha-wrapper.active{
  z-index:125	
}
.captcha-wrapper>.mark{
  position: absolute;
  z-index:99;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.4)
  
}
.captcha-wrapper>.captcha-container{
  z-index:100;
  top:0;
  left:0;
  width:100%;
}
.captcha-wrapper>.captcha-container>.captcha-box{
  width: 80%;
  max-width: 400px;
  background-color: #fff;
  margin:0 auto;
  border-radius: 6px;
  padding: 0 0 22px 0;
  transform: scale(.4);
  opacity:.5;
  transition: transform .3s,opacity .3s;
}
.captcha-wrapper.active>.captcha-container>.captcha-box{
  transform: scale(1);
  opacity:1;
}
.captcha-wrapper>.captcha-container>.captcha-box .captcha-head{
  position: relative
}
.captcha-wrapper>.captcha-container>.captcha-box .captcha-head>.title{
  text-align: center;
  padding: 20px 0;
  font-size: 15px;
  color:#333333;
  font-weight: bold;
  margin: 0;
}
.captcha-wrapper>.captcha-container>.captcha-box .captcha-head>.closeBtn{
  position: absolute;
  top: 18px;
  right: 13px;
  display: block;
}
.captcha-wrapper>.captcha-container>.captcha-box .captcha-head>.closeBtn>.close-icon{
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(../icon/closeWinBtn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}
.captcha-wrapper>.captcha-container>.captcha-box .captcha-section{
}
.captcha-wrapper>.captcha-container>.captcha-box .captcha-section>.input-wrap{
  display: flex;
  height: 38px;
  padding: 0 15px;
}
.captcha-wrapper .captcha-section>.input-wrap .border-line-box{
 display: flex;
 width:88%;
 border:1px solid #eee;
}
.captcha-wrapper .captcha-section>.input-wrap .input-con{
  height:100%;
  width:60%;
  line-height: 38px;
  padding-left: 2vw;
  box-sizing: border-box;
}

.captcha-wrapper .captcha-section>.input-wrap .input-con>input{
  font-size: 14px;
  color:#999;
  border:0;
  width: 100%;
  height: 100%;
  outline: 0;
}
.captcha-wrapper .captcha-section>.input-wrap .imgcode-con{
  height:100%;
  width: 40%;
}
.captcha-wrapper .captcha-section>.input-wrap .imgcode-con>img{
  width:100%;
  height:100%;
  border: 0;
}
.captcha-wrapper .captcha-section>.input-wrap .refresh-con{
  height:100%;
  width: 12%;
  text-align: right;
}
.captcha-wrapper .captcha-section>.input-wrap>.refresh-con>.refresh-icon{
  width: 18px;
  height: 36px;
  display: inline-block;
  background-image: url(../icon/reFreshBtn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
}

.captcha-wrapper .captcha-section>.submit-wrap{
 width:100%;
 padding: 0 15px;
 box-sizing:border-box;
 margin-top: 22px;
}
.captcha-wrapper .captcha-section>.submit-wrap>.btn-con{
 width:100%;
 
}
.captcha-wrapper .captcha-section>.submit-wrap>.btn-con>button{
 width:100%;
 color:#FFF;
 font-size: 15px;
 height: 38px;
 border-radius: 4px;
 text-align: center;
 background-color:#1156ab;
 border: 0;
 outline: 0;
}
.captcha-wrapper .captcha-section>.submit-wrap>.btn-con>button:active{
 background-color: #0d4181;
}


.smscode-wrapper{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: -1;
  display: flex;
  align-items: center;
}
.smscode-wrapper.active{
  z-index:125	
}
.smscode-wrapper>.mark{
  position: absolute;
  z-index:99;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.4)
  
}
.smscode-wrapper>.smscode-container{
  z-index:100;
  top:0;
  left:0;
  width:100%;
}
.smscode-wrapper>.smscode-container>.smscode-box{
  width: 80%;
  max-width: 300px;
  background-color: #fff;
  margin:0 auto;
  border-radius: 6px;
  padding: 0 0 22px 0;
  transform: scale(.4);
  opacity:.5;
  transition: transform .3s,opacity .3s;
}
.smscode-wrapper.active>.smscode-container>.smscode-box{
  transform: scale(1);
  opacity:1;
}
.smscode-wrapper>.smscode-container>.smscode-box .smscode-head{
  position: relative
}
.smscode-wrapper>.smscode-container>.smscode-box .smscode-head>.title{
  text-align: center;
  padding: 20px 0;
  font-size: 15px;
  color:#333333;
  font-weight: bold;
  margin: 0;
}
.smscode-wrapper>.smscode-container>.smscode-box .smscode-head>.closeBtn{
  position: absolute;
  top: 18px;
  right: 13px;
  display: block;
}
.smscode-wrapper>.smscode-container>.smscode-box .smscode-head>.closeBtn>.close-icon{
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(../icon/closeWinBtn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}
.smscode-wrapper>.smscode-container>.smscode-box .smscode-section{
}
.smscode-wrapper>.smscode-container>.smscode-box .smscode-section>.input-wrap{
  display: flex;
  height: 38px;
  padding: 0 15px;
}
.smscode-wrapper .smscode-section>.input-wrap .border-line-box{
 display: flex;
 width:100%;
 border:1px solid #eee;
}
.smscode-wrapper .smscode-section>.input-wrap .input-con{
  height:100%;
  width:60%;
  line-height: 38px;
  padding-left: 2vw;
  box-sizing: border-box;
}

.smscode-wrapper .smscode-section>.input-wrap .input-con>input{
  font-size: 14px;
  color:#4587e8;
  border:0;
  width: 100%;
  height: 100%;
  outline: 0;
}
.smscode-wrapper .smscode-section>.input-wrap .imgcode-con{
  height:100%;
  width: 40%;
}
.smscode-wrapper .smscode-section>.input-wrap .imgcode-con>img{
  width:100%;
  height:100%;
  border: 0;
}
.smscode-wrapper .smscode-section>.input-wrap .refresh-con{
  height:100%;
  width: 12%;
  text-align: right;
}
.smscode-wrapper .smscode-section>.input-wrap>.refresh-con>.refresh-icon{
  width: 18px;
  height: 36px;
  display: inline-block;
  background-image: url(../icon/reFreshBtn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
}

.smscode-wrapper .smscode-section>.submit-wrap{
 width:100%;
 padding: 0 15px;
 box-sizing:border-box;
 margin-top: 22px;
}
.smscode-wrapper .smscode-section>.submit-wrap>.btn-con{
 width:100%;
 
}
.smscode-wrapper .smscode-section>.submit-wrap>.btn-con>button{
 width:100%;
 color:#FFF;
 font-size: 15px;
 height: 38px;
 border-radius: 4px;
 text-align: center;
 background-color:#1156ab;
 border: 0;
 outline: 0;
}
.smscode-wrapper .smscode-section>.submit-wrap>.btn-con>button:active{
 background-color: #0d4181;
}