html,body{ height: 100%; }
::-webkit-input-placeholder{ color: #C4C4C5; }
/* 试用 */
.try-header{ width: 100%; height: 150px; position: absolute; left: 0; top: 0; }
.try-back{ display: block; position: absolute; left: 120px; top: 82px; font-size: 22px; color: #000; }
.try-back .iconfont{ font-size: 36px; color: #9DA2AA; margin-right: 15px; position: relative; top: 4px;}
.try-logo{ width: 160px; position: absolute; left: 50%; margin-left: -80px; top: 50px; }
.try-logo img{ width: 160px; height: auto; vertical-align: middle; }
.try-wrapper{ width: 100%; min-height: 100%; position: relative; padding: 150px 0 70px 0; box-sizing: border-box; background: url(../images/try-bg.png) no-repeat #F6F6F6; background-size: 100% 100%; }
.try-main{ width: 540px; min-height: 100%; margin: 0 auto; background-color: #fff; box-shadow:0px 0px 22px rgba(0,0,0,0.06); }
.try-top{ text-align: center; padding: 30px 15px 20px 15px; font-size: 14px; color: #9DA2AA; border-bottom: 1px solid #E5E5E5; }
.try-top> h4{ color: #000; font-size: 18px; margin-bottom: 8px; }
.try-form{ padding: 10px 50px 50px 50px; }
.try-form > h6{ font-size: 14px; color: #2D3F54; margin-top: 20px; margin-bottom: 10px; }
.try-text{ display: block; width: 100%; height: 48px; box-sizing: border-box; border:1px solid #E5E5E5; border-radius: 6px; padding: 10px 15px; }
.try-texa{ height: 65px; }
.try-select{ border:1px solid #E5E5E5; border-radius:6px; }
.s-select-tit{ height: 46px; line-height: 46px; padding: 0 35px 0 20px; overflow: hidden; cursor: pointer; position: relative; }
.c-C4C4C5{ color: #C4C4C5; }
.s-select-tit::before{ content: ''; display: block; width: 12px; height: 6px; background:url(../images/try-jt-b.png) no-repeat; position: absolute; right: 12px; top: 50%; margin-top: -3px; }
.s-select-value{  overflow:hidden; white-space:nowrap; }
.s-select-value > div{ display: inline-block; font-size: 15px; color: #000; margin-right: 15px; }
.s-select-value > div::after{ content: ','; display: inline-block; }
.s-select-value > div:last-child::after{ display: none; }
.s-select-value > div img{ width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin: 0 10px 1px 0; }
.s-select-con{ display: none; }
.s-secect-q{ min-height: 42px; position: relative; padding: 12px 38px 12px 76px; border-top: 1px solid #e5e5e5; font-size: 12px; color: #9DA2AA; cursor: pointer; }
.s-secect-q > img{ width: 38px; height: 42px; position: absolute; left: 20px; top: 50%; margin-top: -21px; }
.s-secect-q > h4{ font-size: 14px; color: #000; }
.try-btn{ display: block; height: 48px; line-height: 48px; text-align: center; background-color: #237AFF; border-radius: 6px; font-size: 18px; color: #fff; }
.s-select-ico{ display: block; width: 22px; height: 22px; line-height: 24px; border:1px solid #E5E5E5; border-radius: 0 6px 0 6px; position: absolute; right: 5px; top: 5px; text-align: center; }
.s-select-ico .iconfont{ display: none; color: #fff; font-size: 14px; }
.s-secect-q.checked .s-select-ico{ background-color: #237AFF; border:1px solid #237AFF; }
.s-secect-q.checked .s-select-ico .iconfont{ display: block; }
.try-copy{ text-align: center; width: 100%; line-height: 30px; position: absolute; left: 0; bottom: 20px; font-size: 12px; color: #C4C4C5; }

@media ( max-width: 1024px)  {
	.try-wrapper{ padding-top: 100px; }
	.try-header{ height: 100px; }
	.try-back{ display: none; }
	.try-logo{ top: 0px; }
	.try-main{ width: 100%; max-width: 540px;  }
	.s-select-tit{ }
}