*{-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse;border-spacing:0px;}
fieldset,img { border:0;}
em,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
img{ width: 100%; height: 100%; vertical-align:middle; border:0;}
li{list-style-type:none;} a{ text-decoration: none; color: #000;}
a,button,input,select{-webkit-tap-highlight-color:rgba(255,0,0,0); outline: none;}
textarea{ outline:none}
/*input,button,select,textarea{outline:none} //取消chrome下input和textarea的聚焦边框 textarea{resize:none} //取消chrome下textarea可拖动放大 */

html{ height: 100%; -webkit-text-size-adjust:none;}
body{ height: 100%; font:14px/26px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color: #000; letter-spacing: .03em; -webkit-font-smoothing: antialiased;}
input,select,textarea,button{ font:14px/26px "Microsoft YaHei", "微软雅黑", "宋体", Arial; border: 0 none; color:#000;}
input:focus{ outline: none;} button{ border: 0 none;}
table{ font-size:inherit; font:100%;} img{ width: 100%; height: 100%;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
i{ font-style: normal;}
::-webkit-input-placeholder{ color: #999;}
:-moz-placeholder { color: #999; opacity: 1;}
::-moz-placeholder{ color: #999; opacity: 1;}
:-ms-input-placeholder{ color: #999;}

/* Clearfix */
.clearfix:after, .clearfixlist li:after, .container:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container{ zoom:1;}
.clear{ clear:both; display:block;} .hide{ display: none;}
.fl{ float: left;} .fr{ float: right;}
.red{ color: #ff0202;}

.circle, .portrait img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.nodata{ padding: 128px 28px 48px; color: #aaa; text-align: center; background: url(../images/empty.png) no-repeat center 38px; background-size: 128px;}
.nodata .name{ margin-bottom: 8px; font-size: 18px;}

/* index */
.container{ width: 100%; max-width: 640px; margin: 0 auto;}
.header{ padding: 8px 12px; font-size: 10px; line-height: 24px;}
.header a{ }
.header span{ float: right;}
.footer{ border-top: 3px solid #b5b5b5; font-size: 11px; text-align: center;}
.footer .container{ padding: 12px;} .footer a{ display: inline-block;}
.position {display: block;margin:0px 0px 10px;}

.main{ padding: 15px 12px;} .hint{ margin-top: 12px; font-size: 11px; font-weight: bold; color: #ff1414;}
.switch-nav{ margin: 0 -1.6% 0px; text-align: center;}
.switch-nav a{ float: left; width: 30.1%; height: 42px; margin: 0 1.6% 12px; line-height: 42px; color: #fff; font-size: 16px; background: #03A9F4;}
.switch-nav a:hover,.switch-nav a.hover{ color: #fff; background: #ffc107;}
.tab-panel, .tab-about{ display: none;} .tab-panel.active{ display: block;}
.tab-content .inner, .slide-wrap .inner{ border: 1px solid #9e9e9e; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;}
.tab-content .inner.bd, .tab-content .title, .slide-wrap .title{ padding: 12px;}
.tab-content .bd, .slide-wrap .bd{ padding: 12px 28px 12px 18px;}
.tab-content .title, .tab-content .cname, .slide-wrap .title{ font-weight: bold;}
.tab-content .title, .slide-wrap .title{ border-bottom: 2px solid #085694;     font-size: 19px;
    line-height: 30px; text-align: center;}
.tab-content .cname{ margin-bottom: 13px; font-size: 16px;}
.tab-content .txt{ margin-bottom: 10px; font-size: 10px; line-height: 22px}
.form .btn{ display: block; width: 100%; height: 40px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; background: #03A9F4;}
.form .btns{ margin-top: 16px; font-size: 12px;}
.form .btn2{ float: left; color: #085694; text-decoration: underline;}
.form .btn-cata{ float: right;}
.form-list li{ position: relative; padding-left: 80px; margin: 16px 0;}
.form-list .attr{ position: absolute; top: 0; left: 0; width: 80px; height: 38px; line-height: 38px; color: #fff; text-align: center; background: #03A9F4;}
.form-list .val{ position: relative; height: 38px; padding: 0 12px; border: 1px solid #b5b5b5; border-left: 0 none; line-height: 36px;}
.form-list .val:hover{ border: 1px solid #03a9f4;border-left: 0 none;}
.form-list .red{ position: absolute; top: 0; right: -18px; font-size: 22px; font-weight: bold;}
.form-list input{ width: 100%;}

.switch-cata{ border-bottom: 1px solid #9E9E9E; line-height: 46px; text-align: center; background: #fff;}
.switch-cata a{ float: left; position: relative; width: 33.3%; color: #222;}
.switch-cata a:nth-child(1).active{ border-right: 1px solid #9E9E9E;    color: #ffc107;}
.switch-cata a:nth-child(2).active{ border-right: 1px solid #9E9E9E; border-left: 1px solid #9E9E9E;    color: #ffc107;}
.switch-cata a:nth-child(3).active{border-left: 1px solid #9E9E9E;    color: #ffc107;}
.switch-cata .active:after{ content: '\0020'; display: block; position: absolute; bottom: -2px; left: 0; width:100%; height: 3px;  background: #fff;}
.tab-cata{ padding: 18px;} .tab-cata .pic{ width: 250px; height: 273px; margin: 12px auto;}
.guide-list a{ display: block; position: relative; padding-left: 14px; line-height: 35px;}
.guide-list a:after{ content: '\0020'; display: block; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #a0a4a7;}
.apply-list{ width: 88%; margin: 0 auto;}

.shade, .slide-wrap{ display: none; position: fixed;}
.shade{ z-index: 666; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.68);}
.slide-wrap{ z-index: 888; top: 50%; left: 50%; width: 350px; height: 350px; margin-left: -175px; margin-top: -175px;}
.slide-wrap .inner{ background: #fff;border: 6px #03A9F4 solid; position: relative;}
.slide-wrap .hint{ font-size: 10px; font-weight: normal; line-height: 20px;}
.slide-cata .title{ font-size: 18px; font-weight: normal; color: #03A9F4;}
.slide-cata .caption{ margin-bottom: 8px; font-size: 16px; color: #070707; text-align: center;}
.slide-cata .txt{ font-size: 11px; line-height: 20px;}
.slide-cata .btn-down{ width: 126px; height: 30px; margin: 20px auto; font-size: 13px; line-height: 30px;}

.slide-wrap .inner .closex{ position: absolute;     top: -19px;
    right: -19px;
    width: 30px;
    text-align: center;
    background: #F44336;
    color: #fff;border-radius: 15px;height:30px;line-height:30px;display:block;}

.loader-wrapper{ position: fixed; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .58);}
.loader{ position:absolute; top: 50%; left: 50%; width:1em; height:1em; border-radius:50%; margin-top: -0.8em; margin-left: -0.5em; -webkit-animation:loader 1.7s infinite ease;animation:loader 1.7s infinite ease; font-size:90px; text-indent:-9999em; overflow:hidden;}
@-webkit-keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0);box-shadow:-.11em -.83em 0 -.4em #fff,-.11em -.83em 0 -.42em #fff,-.11em -.83em 0 -.44em #fff,-.11em -.83em 0 -.46em #fff,-.11em -.83em 0 -.477em #fff}
    5%,95%{box-shadow:-.11em -.83em 0 -.4em #fff,-.11em -.83em 0 -.42em #fff,-.11em -.83em 0 -.44em #fff,-.11em -.83em 0 -.46em #fff,-.11em -.83em 0 -.477em #fff}
    30%{box-shadow:-.11em -.83em 0 -.4em #fff,-.51em -.66em 0 -.42em #fff,-.75em -.36em 0 -.44em #fff,-.83em -.03em 0 -.46em #fff,-.81em .21em 0 -.477em #fff}
    55%{box-shadow:-.11em -.83em 0 -.4em #fff,-.29em -.78em 0 -.42em #fff,-.43em -.72em 0 -.44em #fff,-.52em -.65em 0 -.46em #fff,-.57em -.61em 0 -.477em #fff}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:-.11em -.83em 0 -.4em #fff,-.11em -.83em 0 -.42em #fff,-.11em -.83em 0 -.44em #fff,-.11em -.83em 0 -.46em #fff,-.11em -.83em 0 -.477em #fff}
}
@keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0);box-shadow:-.11em -.83em 0 -.4em #fff,-.11em -.83em 0 -.42em #fff,-.11em -.83em 0 -.44em #fff,-.11em -.83em 0 -.46em #fff,-.11em -.83em 0 -.477em #fff}
    5%,95%{box-shadow:-.11em -.83em 0 -.4em #fff,-.11em -.83em 0 -.42em #fff,-.11em -.83em 0 -.44em #fff,-.11em -.83em 0 -.46em #fff,-.11em -.83em 0 -.477em #fff}
    30%{box-shadow:-.11em -.83em 0 -.4em #fff,-.51em -.66em 0 -.42em #fff,-.75em -.36em 0 -.44em #fff,-.83em -.03em 0 -.46em #fff,-.81em .21em 0 -.477em #fff}
    55%{box-shadow:-.11em -.83em 0 -.4em #fff,-.29em -.78em 0 -.42em #fff,-.43em -.72em 0 -.44em #fff,-.52em -.65em 0 -.46em #fff,-.57em -.61em 0 -.477em #fff}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:-.11em -.83em 0 -.4em #fff,-.11em -.83em 0 -.42em #fff,-.11em -.83em 0 -.44em #fff,-.11em -.83em 0 -.46em #fff,-.11em -.83em 0 -.477em #fff}
}