/*******[公用]*******/
div.pos,div.wp,div.bgbox,ul,li{box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
    font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #333;
}
.viewport{
    /*padding-top: 45px;*/ 
    margin: 0 auto;
    min-width: 320px;
    max-width: 750px;
    height: 100%;
}
.wrapper{
    width: 100%;
}
.banner_inner>img{
    vertical-align: bottom;
}
.wp{
    width: 95%;
    margin: 0 auto;
    padding: 0 15px;
}
/******咨询按钮******/
.wp>a,.wp>.cont>a{
    display: block;
    margin: 0 auto;
    width: 9em;
    height: 35px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #dda841;
}
.wp>a>span,.wp>.cont>a>span{
    display: block;
    width: 9em;
    line-height: 35px;
    background:#dda841;
    position: relative;
    left: -6px;
    top: -6px;
    z-index: 99;
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    cursor: pointer;
}
.wp>a:hover span,.wp>.cont>a:hover span{
    -webkit-transform: translate(5px,5px);
    -ms-transform: translate(5px,5px);
    -o-transform: translate(5px,5px);
    transform: translate(5px,5px);
}
/******************专业底部表单*****************/
.form_box{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 35px 0;
}
.form_box .form{
    /*background-color: #9f805c;*/
    border-radius: 10px;
    color: #fff;
    padding-bottom: 20px;
}
.form_box .form ul{
    /*padding: 30px 20px 0;*/
   padding: 0 20px 0 20px;
}
.form_box .form .li_gender{
    margin-bottom: 18px;
    text-align: center;
    font-size: 0;
}
.form_box .form .li_gender label.m{
    background-image: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/ico-hm-1.png");
}
.form_box .form .li_gender label.f{
    background-image: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/ico-hm-2.png");
}
.form_box .form .li_gender label{
    position: relative;
    margin: 0 21px;
    display: inline-block;
    width: 60px;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-background-size: 55px auto;
    background-size: 55px auto;
}

.form_box .form .li_gender em{
    position: absolute;
    right: 2px;
    bottom: 0;
    display: none;
    width: 17px;
    height: 17px;
    background: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/ico-checked-1.png") center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.form_box .form .li_gender .checked em{
    display: block;
}
.form_box .form .li_gender input{
    display: none;
}
.form_box .form .li_items{
    border: 2px solid #000;
    margin-bottom: 10px;
    background: white;
    color: #000000;
}
.form_box .form .d1{
    float: left;
    width:  120px;
    height: 36px;
    line-height: 36px;
    text-align: right;
    font-size: 14px;
    /*border-right: 1px solid #b69978;*/
    color: #000000;
 
    
}
.form_box .form .namezz{
	background-image: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/namezz.png");
    background-size: 21px;
    background-position: 5px;
    background-repeat: no-repeat;
}
.form_box .form .telzz{
	background-image: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/telzz.png");
    background-size: 21px;
    background-position: 5px;
    background-repeat: no-repeat;
}
.form_box .form .wechatzz{
	background-image: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/chatzz.png");
    background-size: 21px;
    background-position: 5px;
    background-repeat: no-repeat;
}
.form_box .form .subjectszz{
	background-image: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/subjectszz.png");
    background-size: 21px;
    background-position: 5px;
    background-repeat: no-repeat;
}
.form_box .form .d1 em{
    color: #f0ac27;
}
.form_box .form .d2{
    margin-left: 115px;
    padding: 0 13px 0 20px;
}
.form_box .form .inp-form{
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none;
    font-size: 14px;
    background-color: rgba(0,0,0,0);
    border-radius: 10px;
    color: #000000;
}
.form_box .form .select{
    position: relative;
    cursor: pointer;
}
.form_box .form .select .cur{
    background-image: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/ico-three-16.png");
    display: block;
    width: 100%;
    height: 100%;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
}
.form_box .form .select .s-list{
    overflow: hidden;
    display: none;
    height: 146px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    position: absolute;
    top: 37px;
    left: -21px;
    right: -14px;
    display: none;
    z-index: 2;
    background-color: #9f805c;
    border: 1px solid #b69978;
}
.form_box .form .select .s-list a{
    padding: 0 13px 0 20px;
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.form_box .form .select .s-list a:hover{
    color: #f0ac27;
}
.form_box .form .btn-form{
    border-radius: 9px;
    margin: 20px auto 0;
    display: block;
    width: 140px;
    height: 63px;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    /*background-color: #dca436;*/
    border: none;
    cursor: pointer;
}

.d2 select{background: none;border:none;font-size: 14px;color: #D3C4B4;height: 36px;line-height: 36px;}
.subBtn{
	background-image: url("https://www.uniquewishesandquotes.com/assets/course/sshb/images/subbtn.png");
    background-position: 0 0;
    background-size: 100%;
}

/*4.footer*/
.dibu .banquan {
    padding-top: .34em;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding-bottom: 8em;
    color: #666666;
}
.dibu { width: 100%; background: #fff; font-size:100px;}
.di_title{ padding-top:.55em; }
.di_title span{ width:2px; height:.26em; background:#fe4d00; margin-left:.16em; margin-right:.07em;float:left; margin-top:-0.28em;}
.di_title p{line-height:.3em; font-size:.3em; float:left; color:#fe4d00; font-family:"寰蒋闆呴粦";    -webkit-margin-before: -0.7em;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-left: 18px;}
.di_dh{ float:right; width:1.31em; padding-right:.16em}
.di_dh img{ width:100%;margin-top: -18px;}
.di_xian{ width:100%; height:1px; background:#eeeeee;margin-top:.13em;}

.dibu .baoming{
	width:100%;}
.dibu li{
	line-height:0;
	list-style:none;
	margin:0 auto;
	width:95%;
	margin-top:.24em;
	height:.5em;}
.dibu li input{
	list-style:none;
	color:#666666;
	width:100%;
	height:2.2em;
	line-height:2.2em;
	font-size:.26em;}
#baoming #name, #baoming #tell {height:2.2em;text-indent: .5em; border:#cccccc 1px solid; outline: none;margin:0; position:relative; z-index:999;}
.di_ctn{
	padding-top:.4em;
	width:100%;}
.di_ctn img{
	width:100%;}
.di_ctn .di_zuo{
	float:left;
	padding-left:13.75%;
	width:32.96%;}
.di_ctn .di_you{
	float:left;
	width:63.29%;}
.dibu .banquan{
	padding-top:.34em; 
	font-size:14px;
	line-height:24px;
	text-align:center;
	padding-bottom:8em;
	color:#666666;}
input,button,select,textarea{outline:none; -webkit-appearance: button;
    cursor: pointer;
	    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: middle;}
textarea{resize:none}
/*4.footer

---------------------------------------------------------------------- */
.dibu .banquan {
    padding-top: .34em;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding-bottom: 8em;
    color: #666666;
}

.zx-con{width:100%;max-width:640px;min-width:320px;position:fixed;bottom:0;background:#fe4d00;z-index:999;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);animation:zx-con1 1.4s 1s forwards;-webkit-animation:zx-con1 1.4s 1s forwards;-moz-animation:zx-con1 1.4s 1s forwards;}
@keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
@-webkit-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
@-moz-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
.zx-con>a{display:block;height:2.7em;line-height:2.7em;font-size:.8rem;text-align:center;color:#fff;width:100%}
.zx-con>ul{display:block;width:100%;background:#333}
.zx-con>ul li{width:33.333%;float:left;height:2.7em;font-size:.8rem;text-align:center;color:#fff;font-weight:100;line-height:2.7em}
.zx-con>ul b{font-size:1em;padding:0 .1em}
.zx-con>ul li a:nth-child(3) b{font-size:.8rem}
.zx-con>ul a:nth-child(2) li{background:#242424}
.footer-b{padding:14px 0 7em 0;text-align:center;font-size:12px;font-weight:100;letter-spacing:.3px;color:#333;}

@font-face {
  font-family: 'iconfont';  /* project id 370198 */
  src: url('//at.alicdn.com/t/font_ov264gtk9yvte29.eot');
  src: url('//at.alicdn.com/t/font_ov264gtk9yvte29.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.woff') format('woff'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:.22em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


element{ margin:0;}

@media(max-width:540px){
	.dibu{ font-size:84px;}
	}
@media(max-width:480px){
	.dibu{ font-size:75px;}
	}
@media(max-width:480px){
	.dibu{ font-size:75px;}
	}
@media(max-width:450px){

	.dibu{ font-size:70px;}
	}
@media(max-width:414px){
	.dibu{ font-size:64px;}
	}
@media(max-width:375px){
	.dibu{ font-size:58px;}
	}
@media(max-width:360px){
	.dibu{ font-size:56px;}
	}
@media(max-width:320px){
	.dibu{ font-size:50px;}
	}
/*底部结束*/