@charset "utf-8";

/* CSS Document */
/************************************************
Author: Abel Chu  / abelchu@Gmail.com
Last updated: 2014/10/23
************************************************/
*{padding:0;margin:0;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;font-size:12px; min-width: 320px;}
body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;margin:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1.5; font-family:Arial,Tahoma,Verdana,Helvetica,'\5fae\8f6f\96c5\9ed1';text-rendering:auto;/*word-wrap:break-word;word-break:break-all;*/background:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table{margin:auto;text-align:left;border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;list-style-type:none;}
a img,img{vertical-align:middle;border:none;}

/* a style */
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0); }
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{color:#f7a319;}
a:focus{outline:none;}}

/* form style */
input,textarea,select,button{padding:0;margin:0;font-size:100%;vertical-align:middle;outline:none;background:inherit;}


/* clearfix style */
.clear{clear:both;height:0;visibility:hidden;overflow:hidden;}
.clearfix:after{display:block;clear:both;height:0;content:"\20";visibility:hidden;overflow:hidden;}
.clearfix{display:block;*zoom:1;}
*html .clearfix {height:1%;}

/* float style */
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.fn{float:none;}
.rel{position:relative;} 
.psr{position: relative;}
.psa{position: absolute;}
.psf{position: fixed;}

/* display style */
.db{display:block;} 
.dn{display:none;} 
.di{display:inline;} 
.dib{display:inline-block;} 
.ovh{overflow:hidden;}
.dwb{display:-webkit-box}
.hidden{display:none;visibility:hidden;height:0;overflow:hidden;}

/* padding style */
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-left:20px;padding-right:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb15{padding-top:15px;padding-bottom:15px;}
.ptb20{padding-top:20px;padding-bottom:20px;}

/* margin style */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mlr5{margin-left:5px;margin-right:5px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr15{margin-left:15px;margin-right:15px;}
.mlr20{margin-left:20px;margin-right:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mtb5{margin-top:5px;margin-bottom:5px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb15{margin-top:15px;margin-bottom:15px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mlra{margin-left: auto; margin-right: auto;}

/* color style */
.white{color:#fff;} 
.red{color:#f00;} 
.green{color:#390} 
.black{color:#000;} 
.c999{ color:#999;}
.c666{color:#666;} 
.orange{color:#f7a319;} 
.blue{color:#06c;}

/* text align style */
.tal{text-align:left;} 
.tar{text-align:right;} 
.tac{text-align:center;} 
.vat{vertical-align:top;} 
.vam{vertical-align:middle;} 
.vab{vertical-align:bottom;}
.tdl{text-decoration:line-through;}
.ti2em{text-indent:2em !important;}
.tlf{table-layout:fixed !important;}
.nowrap{white-space:nowrap !important;;word-break:normal !important;}

/* font-size - font-famiyl - font-weight */
.f14{font-size: 14px;}
.far{font-family:Arial;/*Arial*/}
.fst{font-family:'\5B8B\4F53';/*SimSun*/} 
.fht{font-family:'\9ED1\4F53';/*SimHei*/} 
.fyh{font-family:'\5fae\8f6f\96c5\9ed1';/*Microsoft Yahei*/} 
.fb{font-weight:bold;} 
.fn{font-weight:normal;}

/* blank style */
.blank5{clear:both;display:block;height:5px;overflow:hidden;}
.blank10{clear:both;display:block;height:10px;overflow:hidden;}
.blank15{clear:both;display:block;height:15px;overflow:hidden;}
.blank20{clear:both;display:block;height:20px;overflow:hidden;}





/* header style */
.header{padding: 13px 10px; border-bottom: 1px solid #e4e4e4; height: 34px;}
.header .logo{}
.header .logo img{height:38px;}
.header .nav-btn{display: block; background: url(../images/btn.png) no-repeat center; background-size: 18px 15px; width: 28px; height: 30px; margin-top: 2px;}
.header .nav-btn.active{background-color: rgba(204,219,241,0.5); -webkit-border-radius: 2px;}


/* nav style */
.nav{
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #eeeeee;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
}
.nav a.prev,.nav a.next{
    color: #fff;
    width: 22px;
    height: 42px; 
    line-height: 41px;
    display: block; 
    background-color: #eeeeee;
    position: relative;
}
.nav a.prev:before{
    content: '';
    height: 10px;
    width: 10px;
    display: block;
    border: 1px solid #9a9696;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 16px;
    left: 7px;
}
.nav a.prev{
    border-right: 1px solid #dad9d9;
}
.nav a.next{
    border-left: 1px solid #dad9d9;
}
.nav a.next:before{
    content: '';
    height: 10px;
    width: 10px;
    display: block;
    border: 1px solid #9a9696;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 16px;
    left: 4px;
}
.nav .nav-swiper-container{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.nav .nav-swiper-container .swiper-slide{
    width: auto;
}
.nav .nav-swiper-container .swiper-slide a{
    display: block;
    color: #453e3d;
    font-size: 16px;
    padding: 0 10px;
}


.nav-cover{background: rgba(0,0,0,.8); width: 100%; height: 100%; position: fixed; z-index: 999; top:0; left: 0; display: none;}
.nav-cover .z-a{width: 100%; height: 6em; text-align: right;}
.nav-cover .z-a i {
    margin-right: 1em;
    background-image: url(../images/cross.png);
    background-size: 56% 56%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 6em;
    height: 6em;
    cursor: pointer;
    display: inline-block;
}
.nav-cover ul{margin-top: 3em;}
.nav-cover ul a {
    color: #FFFFFF;
    width: 8em;
    height: 3em;
    line-height: 3em;
    display: inline-block;
    text-align: left;
    padding-left: 4em;
    letter-spacing: 0.2em;
    font-size: 2em;
    font-weight: bold;
}



.main{padding: 0 5%;}
.login{margin-top: 70px;}
.login input{font-family: "微软雅黑";}
.login .number,.login .password{margin-bottom: 15px;}
.login .password label>span span{padding-left: 36px;}
.login label{border: 1px solid #e3e5e7; display: block; height: 40px; border-radius: 6px; line-height: 40px;-webkit-transition:box-shadow .3s; display: -webkit-box;}
.login label.on{border:1px solid #56b4ef;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);-webkit-transition:box-shadow .3s;}
.login label>span{font-size: 18px; color: #bbb; width: 100px; border-right: 1px solid #e3e5e7; display: block; text-align: center;}
.login label .flex input{border: none; width: 100%; height: 40px; text-indent: 10px; font-size: 18px; color: #185bb8; -webkit-appearance: none; appearance: none; -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}
.login .flex{-webkit-box-flex: 1;}
.login .login-btn input[type="submit"]{background: #185bb8; border: 1px solid #0a3878; border-radius: 6px; height: 42px; width: 100%; font-size: 20px; color: #fff; -webkit-appearance: none; appearance: none; -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     }
.login .link{text-align: right; font-size: 16px; margin-top: 12px;}
.login .get-code{display: -webkit-box;}
.login .get-code .right{width: 140px; text-align: right;}
.login .get-code .right input[type="button"]{background: -webkit-linear-gradient(top,#ffffff,#e7e7e7); height: 40px; border: 1px solid #e3e5e7; border-radius: 4px; width: 130px; font-size: 18px; color: #6f6f6f;}
.login .get-code .left{-webkit-box-flex: 1;}
.login .get-code .left input{width: 100%; border: 1px solid #e3e5e7;-webkit-appearance: none; appearance: none; -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     height: 40px; font-size: 18px; border-radius: 4px; text-indent: 10px;}
.login .get-code .left input:focus{border:1px solid #56b4ef;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);-webkit-transition:box-shadow .3s;}
.login .readed{margin-top: 15px;}
.login .readed input[type="checkbox"]{
    -webkit-appearance: none; 
    appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     border: 1px solid #dadee0; 
     width: 26px; 
     height: 26px; 
     background: url(../images/check.png) no-repeat center 6px; 
     background-size: 16px auto; 
     border-radius: 4px; 
     vertical-align: -8px;
     outline: none;
 }
.login .readed input[type="checkbox"]:checked{background-position: center -24px;}
.login .readed span,.login .readed span a{font-size: 16px; color: #6f6f6f;}
.login .reg-btn{margin-top: 15px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;}
.login .reg-btn input[type="submit"]{background: #ff7700; border: 1px solid #ca5f02; margin-right: 10px;}
.login .reg-btn input[type="button"]{background: #57cb48; border: 1px solid #329e1d;}
.login .reg-btn input{box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; display: block; border-radius: 6px; height: 42px; width: 100%; font-size: 20px; color: #fff; -webkit-appearance: none; appearance: none; -moz-appearance: none;
    -ms-appearance: none;  -o-appearance: none; }


.icons{margin-top: 10px; width: 100%;}
.icons li{display: inline-block; width: 40%; margin: 10px 4.5%;}
.icons li a{display: block; width: 100%; height: 100%; text-align: center;}
.icons li a h3{color: #5a5a5a; font-size: 14px; margin-top: 5px;}
.icons li.index a h3{color: #5489c8;}
.icons li i{display: inline-block; background: url(../images/icons.png) no-repeat 0 0; width: 120px; height: 120px; background-size: 600px auto;}
.icons li i.id{background-position: 0 0;}
.icons li i.id.done{background-position: -296px 0;}
.icons li i.id.undone{background-position: -296px -461px;}

.icons li i.card{background-position: -148px 0;}
.icons li i.card.done{background-position: -148px -311px;}
.icons li i.card.undone{background-position: -444px -461px;}

.icons li i.bank{background-position: -296px -164px;}
.icons li i.bank.done{background-position: -148px -311px;}
.icons li i.bank.undone{background-position: -148px -606px;}

.icons li i.location{background-position: -148px -164px;}
.icons li i.location.undone{background-position: -444px -164px;}
.icons li i.location.done{background-position: 0 -311px;}

.icons li i.qualification{background-position: -296px -311px;}

.icons li.index i.bank{background-position: 0 -164px;}
.icons li.index i.card{background-position: -444px 0;}
.icons li.index i.location{background-position: -444px -606px;}
.icons li.index i.qualification{background-position: -444px -311px;}

.id-step{width: 100%; margin-top: 10px;}
.id-step li{
    margin-bottom: 20px; 
    width: 100%; 
    overflow: hidden; 
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.id-step li .pic{width: 50%; text-align: center;}
.id-step li .pic img{width: 100%; height: auto;}
.id-step li .txt{width: 50%;}
.id-step li .txt i.num{background: #b8b8b8; width: 24px; height: 24px; font-size: 14px; border-radius: 24px; display: inline-block; text-align: center; line-height: 24px; color: #fff;  margin: 0px 10px 5px;}
.id-step li .txt p{color: #5a5a5a; font-size: 14px; padding-left: 10px;}
.id-step li .txt .head{color: #5a5a5a; font-size: 14px;}
.id-step li .txt .img{padding-left: 15px;}
.id-step li .txt .img img{width: 80%}


ul.step-done{border-top: 1px solid #dddddd}
ul.step-done li{padding: 10px 3%; border-bottom: 1px solid #dddddd; overflow: hidden;}
ul.step-done li i.num{
    float: left; 
    background: #b8b8b8;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    display: block;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
}
ul.step-done li p{font-size: 16px; float: left; margin-left: 8px; line-height: 24px;}
ul.step-done li i.yes{background: url(../images/yes.png) no-repeat center 7px; background-size: 85% auto; width: 24px; height: 24px; display: block; float: right;}


.work-info>p{color:#5489c8; font-size:16px; margin:10px 5%;}
.work-style{padding: 5px 3% 15px 3%; border-bottom: 1px solid #dddddd}
.work-style label{margin-right: 14px; display: inline-block;}
.work-style label input[type="radio"]{-webkit-appearance: none; appearance: none; -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     background: url(../images/radio.png) no-repeat -68px 0; width: 24px; height: 24px; background-size: 92px auto; vertical-align: -7px; outline: none; border: none;}
.work-style label input[type="radio"]:checked{background-position: 0 0;}
.work-style label span{font-size: 14px;}



ul.enter-style{border-bottom: 1px solid #ddd; padding: 10px 4%;}
ul.enter-style li{margin-right: 10px; display: inline-block; height: 24px; line-height: 24px; color: #5a5a5a; padding: 0 28px 0 12px;}
ul.enter-style li span{}
ul.enter-style li.on{border-radius: 12px; color: #fff; background: #74c543; position: relative;}
ul.enter-style li.on i{position: absolute; display: block; top: 3px; right: 3px; width: 18px; height: 18px; border-radius: 9px; background: #fff url(../images/gou.png) no-repeat center; background-size: 10px auto;}


ul.info-table{padding-bottom: 30px;}
ul.info-table li{padding: 10px 4%; display: -webkit-box; font-size: 14px; border-bottom: 1px solid #ddd; -webkit-transition: all .3s;}
ul.info-table li .left{width: 80px; line-height: 28px;}
ul.info-table li .right{-webkit-box-flex: 1;}
ul.info-table li .info-select{
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    width: 90%;
    height: 28px;
    font-size: 14px;
    padding: 0 10px;
    background: url(../images/arrow.png) no-repeat 95% center;
    background-size: 15px auto;
    outline: none;
    font-family:Arial,Tahoma,Verdana,Helvetica,'\5fae\8f6f\96c5\9ed1';
}
ul.info-table li .info-select:focus{
    border:1px solid #56b4ef;
    box-shadow:inset 0 2px 3px rgba(0,0,0,.05),0 0 5px rgba(82,168,236,.6);
    -webkit-transition:box-shadow .3s;
}
ul.info-table li input{
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 26px;
    font-size: 14px;
    width: 90%;
    text-indent: 10px;
    outline: none;
    font-family:Arial,Tahoma,Verdana,Helvetica,'\5fae\8f6f\96c5\9ed1';
}
ul.info-table li input:focus{border:1px solid #56b4ef;box-shadow:inset 0 2px 3px rgba(0,0,0,.05),0 0 5px rgba(82,168,236,.6);-webkit-transition:box-shadow .3s;}


ul.income{padding-bottom: 10px;}
ul.income li{padding: 20px 4% 7px 4%;}
ul.income li p{color: #5489c8; font-size: 16px; margin-bottom: 10px;}
ul.income li label{display: block; margin-bottom: 10px;}
ul.income li label input[type="radio"]{
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     background: url(../images/radio.png) no-repeat -68px 0; 
     width: 24px; height: 24px; 
     background-size: 92px auto; 
     vertical-align: -7px; 
     outline: none; 
     border: none;}
ul.income li label input[type="radio"]:checked{background-position: 0 0;}
ul.income li label span{font-size: 16px; color: #5a5a5a; margin-left: 8px;}


ul.invest li{padding: 10px 4%; font-size: 14px; border-bottom: 1px solid #ddd; color: #5a5a5a;}
ul.invest li.flex{display: -webkit-box;}
ul.invest li.flex>span,ul.invest li.flex>h4{line-height: 28px;}
ul.invest li.flex h4{width: 78px}
ul.invest li h3{color: #5489c8; font-size: 16px; margin-bottom: 10px;}
ul.invest li label{margin-right: 15px; display: inline-block; padding: 2px 0;}
ul.invest li label input.circle{
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     background: url(../images/radio.png) no-repeat -68px 0; 
     width: 24px; height: 24px; 
     background-size: 92px auto; 
     vertical-align: -7px; 
     outline: none; 
     border: none;
 }
ul.invest li label input.circle:checked{background-position: 0 0;}
ul.invest li label span{font-size: 14px; color: #5a5a5a; margin-left: 3px;}
ul.invest li .year-select{-webkit-box-flex: 1;}
ul.invest li .year-select select{
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    width: 97%;
    height: 28px;
    font-size: 14px;
    padding: 0 10px;
    background: url(../images/arrow.png) no-repeat 92% center;
    background-size: 15px auto;
    outline: none;
    font-family:Arial,Tahoma,Verdana,Helvetica,'\5fae\8f6f\96c5\9ed1';
}
ul.invest li .year-select select:focus{
    border:1px solid #56b4ef;
    box-shadow:inset 0 2px 3px rgba(0,0,0,.05),0 0 5px rgba(82,168,236,.6);
    -webkit-transition:box-shadow .3s;
}

ul.invest li .sq-ipt label{padding: 0}
ul.invest li .sq-ipt input.square{
    -webkit-appearance: none; 
    appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     border: 1px solid #dadee0; 
     width: 22px; 
     height: 22px; 
     background: url(../images/check.png) no-repeat center 5px; 
     background-size: 14px auto; 
     border-radius: 4px; 
     vertical-align: -6px;
     outline: none;
 }
ul.invest li .sq-ipt input.square:checked{background-position: center -21px;}
ul.invest li .sq-ipt span{line-height: 24px}
ul.invest li .sq-ipt .left{width: 40px; line-height: 26px;}
ul.invest li .sq-ipt .right{-webkit-box-flex: 1;}
ul.invest li .sq-ipt .right input[type="text"]{
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 26px;
    font-size: 14px;
    width: 80%;
    text-indent: 10px;
    outline: none;
    font-family:Arial,Tahoma,Verdana,Helvetica,'\5fae\8f6f\96c5\9ed1';
}


.confirm{padding: 15px 5%; font-size: 14px; color: #5a5a5a;}
.confirm .detail{
    width: 96%; 
    border: 2px solid #96bcea; 
    border-radius: 6px; 
    height: 150px; 
    padding: 2px 4px; 
    font-family:Arial,Tahoma,Verdana,Helvetica,'\5fae\8f6f\96c5\9ed1'; 
    font-size: 14px;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;

}

.function{padding: 10px 4% 0 4%;}
.function h3{
    color: #5489c8;
    font-size: 16px;
    margin-bottom: 10px;
}
.function li{margin-bottom: 15px;}
.function li h4{overflow: hidden; margin-bottom: 5px;}
.function li h4 i.num{
    background: #97bce8;
    width: 22px;
    height: 22px;
    font-size: 14px;
    border-radius: 24px;
    display: block;
    text-align: center;
    line-height: 22px;
    color: #fff;
    margin-right: 8px;
    float: left;
}
.function li h4 span{float: left; line-height: 22px; font-size: 14px; color: #5489c8}
.function li .txt{padding-left: 32px; font-size: 14px; color: #5a5a5a; line-height: 22px;}
.function li .txt dd{display: -webkit-box;}
.function li .txt dd .left{width: 23px;}
.function li .txt dd .right{-webkit-box-flex: 1;}


.location-content>p{color:#5489c8; font-size:16px; margin:10px 4%;}
.location-radio{padding: 5px 4% 15px 4%; border-bottom: 1px solid #dddddd}
.location-radio label{margin-right: 14px; display: inline-block;}
.location-radio label input[type="radio"]{-webkit-appearance: none; appearance: none; -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     background: url(../images/radio.png) no-repeat -68px 0; width: 24px; height: 24px; background-size: 92px auto; vertical-align: -7px; outline: none; border: none;}
.location-radio label input[type="radio"]:checked{background-position: 0 0;}
.location-radio label span{font-size: 14px;}
.location-word{padding: 15px 4%; font-size: 14px; line-height: 22px; color: #5a5a5a;}
ul.location-style{border-bottom: 1px solid #ddd; padding: 10px 4%;}
ul.location-style li{margin-right: 10px; display: inline-block; height: 24px; line-height: 24px; color: #5a5a5a; padding: 0 4px 0 4px;}
ul.location-style li span{}
ul.location-style li.on{border-radius: 12px; color: #fff; background: #74c543; position: relative; padding: 0 28px 0 12px;}
ul.location-style li.on i{position: absolute; display: block; top: 3px; right: 3px; width: 18px; height: 18px; border-radius: 9px; background: #fff url(../images/gou.png) no-repeat center; background-size: 10px auto;}


.info-head{
    background: #e8f3fa;
    border-bottom: 1px solid #e4e4e4;
    padding: 15px 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.info-head .info-pic{
    border: 8px solid #96bcea;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
}
.info-head .info-pic img{
    width: 100%;
    height: 100%
}
.info-head .info-txt{
    -webkit-box-flex: 1;
    margin-left: 10px;
    font-size: 16px;
    color: #5a5a5a;
}
.info-head .info-txt h2,.info-head .info-txt h3{
    margin-top: 8px;
}
.info-head .info-txt span.done{
    color: #57cb48;
}
.info-head .info-txt span.undone{
    color: #ff7700;
}
.info-head .info-txt a.download{
    display: inline-block;
    border-radius: 4px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #6299d2;
    border: 1px solid #3568ab;
    margin-top: 10px;
    /* width: 120px; */
    padding: 0 10px;
}
.info-btn{
    padding: 20px 3%;
}
.info-btn .flex{
    display: -webkit-box;
    display: -ms-flexbox;
}
.info-btn a{
    display: block;
    border-radius: 4px;
    height: 39px;
    font-size: 18px;
    color: #fff;
    line-height: 39px;
    text-align: center;
    font-weight: bold;
}
.info-btn a.info-ing{
    -webkit-box-flex: 1;
    margin-right: 10px;
    background: #ff7700;
    border: 1px solid #ca5f02;
}
.info-btn a.info-done{
    -webkit-box-flex: 1;
    background: #57cb48;
    border: 1px solid #329e1d;
}
.info-btn a.info-want{
    background: #6299d2;
    border: 1px solid #3568ab;
    margin-top: 10px;
}

.info-completed{
    padding-bottom: 100px;
}
.info-completed .title{
    color: #5489c8;
    font-size: 16px;
    padding: 15px 4%;
    border-bottom: 1px solid #ddd;
}
.info-completed ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 10px 2%;
    font-size: 13px;
    color: #5a5a5a;
}
.info-completed ul li i{
    font-style: normal;
    color: #fff;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    background: #b8b8b8;
    line-height: 22px;
    display: block;
    text-align: center;
    margin-right: 6px;
}
.info-completed ul li h1{
    width: 55px;
}
.info-completed ul li h2{
    -webkit-box-flex: 1;
}
.info-completed ul li a.btn1{
    color: #fff;
    background: #6299d2;
    border: 1px solid #3568ab;
    display: block;
    padding: 3px 8px;
    border-radius: 4px;
}
.info-completed ul li a.btn2{
    color: #fff;
    background: #57cb48;
    border: 1px solid #329e1d;
    display: block;
    padding: 3px 5px;
    border-radius: 4px;
}

.info-choose{
    padding-bottom: 30px;
}
.info-choose .title{
    color: #5489c8;
    font-size: 16px;
    padding: 15px 4%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.info-choose .info-slide{
    padding: 10px 4%;
    min-height: 320px;
}
.info-btn1{
    text-align: center;
}
.info-btn1 input[type="button"]{
    background: #185bb8; 
    outline: none; 
    border: 1px solid #0a3878; 
    border-radius: 6px; 
    height: 40px; 
    width: 100%; 
    font-size: 20px; 
    color: #fff; 
    -webkit-appearance: none; 
    appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     font-family: "微软雅黑";
 }
 .info-btn2{
    width: 150px;
    position: relative;
}
 .info-btn2 input[type="file"]{
    position: absolute;
 }
.info-btn2 input[type="button"]{
    background: #6299d2; 
    outline: none; 
    border: 1px solid #3568ab; 
    border-radius: 4px; 
    height: 40px; 
    width: 100%; 
    font-size: 20px; 
    color: #fff; 
    -webkit-appearance: none; 
    appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     font-family: "微软雅黑";
 }
 .info-ipt1{
    border: 1px solid #a5a5a5;
    font-size: 16px;
    color: #a9a9a9;
    border-radius: 4px;
    height: 36px;
    width: 99%;
    -webkit-appearance: none; 
    appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    text-indent: 10px;
 }
 .info-ipt2{
    background: #57cb48; 
    outline: none; 
    border: 1px solid #329e1d; 
    border-radius: 4px; 
    height: 40px; 
    width: 100px; 
    font-size: 20px; 
    color: #fff; 
    -webkit-appearance: none; 
    appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     font-family: "微软雅黑";
     margin-left: 10px;
 }

 .process-title{
    color: #5489c8;
    font-size: 18px;
    padding: 20px 4%;
    max-width: 400px;
    margin: 0 auto;
 }
.process{
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    max-width: 400px;
    margin: 0 auto;
}
.process-bar{
    position: absolute; 
    z-index: -1;
    background: #e1e1e1;
    width: 2px;
    height: 100%;
    top: 34px;
    left: 26px;
}
.process ul li{
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
    margin-bottom: 15px;
}
.process ul li .circle{
    padding: 12px 12px;
} 
.process ul li .circle i{
    width: 28px;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 100%;
    display: block;
    background: #fff url(../images/yes.png) no-repeat center;
    background-size: 60% auto;
}
.process ul li.no .circle i{
    background: #fff url(../images/cross_03.png) no-repeat center;
    background-size: 48% auto;
}
.process ul li .txt{ 
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    position: relative;
    font-size: 15px;
    background: url(../images/dialog.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    margin-right: 20px;
}
.process ul li.no .txt{
    background: url(../images/dialog2.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
}
.process ul li .txt div{ 
    display: box; 
    display: -webkit-box; 
    display: -moz-box;
    height: 54px;  
    -webkit-box-pack:center; 
    -moz-box-pack:center; 
    -webkit-box-align:center; 
    -moz-box-align:center;
    padding-left: 11%;
}
.process ul li .txt p{
    width: 100%;
    color: #5489c8;
}
.process ul li.no .txt p{
    color: #888888;
}
.process .opacity{
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 30px;
    width: 100%;
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); 
    background: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    background: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); 
}

.pic-preview{
    padding: 20px 0;
}
.pic-preview .title{
    color: #5489c8;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}
.pic-preview ul li{
    margin-bottom: 15px;
}
.pic-preview ul li img{
    width: 100%;
}
.mail-content{
    min-height: 300px;
    padding: 0 4%;
}
.mail-content .title{
    color: red;
    font-size: 18px;
    padding: 40px 0;
}
.login .mail label>span span{
    padding-left: 36px;
}

.footer{ bottom:0; left: 0; width: 100%; border-top: 2px solid #e4e4e4; padding: 16px 0; color: #6f6f6f; background: #fff;}
.footer .tips{padding: 0 5%; display: -webkit-box;}
.footer .tips .tit{width: 56px; color:#5489c8;}
.footer .tips p{-webkit-box-flex: 1;}
.footer label.circle{display: inline-block; margin-right: 20px;}
.footer label.circle input{
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     background: url(../images/radio.png) no-repeat -68px 0; 
     width: 24px; height: 24px; 
     background-size: 92px auto; 
     vertical-align: -7px; 
     outline: none; 
     border: none;
 }
.footer label.circle input:checked{background-position: 0 0;}
.footer span{font-size: 16px; color: #5a5a5a; margin-left: 3px;}
.foot-btn{text-align: center;}
.foot-btn input[type="button"]{background: #185bb8; outline: none; border: 1px solid #0a3878; border-radius: 6px; height: 40px; width: 90%; font-size: 20px; color: #fff; -webkit-appearance: none; appearance: none; -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     font-family: "微软雅黑";}
.foot-btn input[type="file"]{width: 0; height: 0;}
.foot-btn input[type="button"].no{
    background: #ccc;
    border-color: #ccc;
}
.toper{background: #96bcea; height: 61px; padding: 0 10px 0 15px; text-align: center; color: #ffffff; font-size: 18px; line-height: 61px; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
.return-btn{background: url(../images/back.png) no-repeat 0 0; background-size: 15px auto; width: 15px; height: 27px; margin: 17px 0 0 0; display: block;}
.toper .nav-btn{background: url(../images/nav_btn.png) no-repeat center; background-size: 18px 15px; width: 28px; height: 30px; margin-top: 15px; display:block;}
.toper .nav-btn.active{background-color: rgba(204,219,241,0.5); -webkit-border-radius: 2px;}
.foot-btn .two-btn{display: -webkit-box; display: -moz-box; }
.foot-btn .two-btn input{-webkit-box-flex: 1; -moz-box-flex: 1;}
.toper .head-subnav ul li{line-height:1.5;}
.toper .head-subnav{top:45px;}

.info-head .info-txt a.download1{
    display: block;
    border-radius: 4px;
    height: 26px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    background: #6299d2;
    border: 1px solid #3568ab;
    padding: 0 10px;
    margin-right: 8px;
    float: left;
}
.info-head .info-state{
    margin-top: 8px;
}
.info-head .info-txt ul.number{
    height: 26px;
    position: relative;
    width: 100px;
    float: left;
    margin-top: 4px;
}
.info-head .info-txt ul.number li{
    position: absolute;
    top: 0;
    width: 20px; 
    height: 20px;
    border-radius: 100%;
    background: #ccc;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    z-index: 2;
}
.info-head .info-txt ul.number li:nth-child(1){
    left: 10px;
}
.info-head .info-txt ul.number li:nth-child(2){
    left: 40px;
}
.info-head .info-txt ul.number li:nth-child(3){
    left: 70px;
}
.info-head .info-txt ul.number li.on{
    background: #FF8C26;
}
.info-head .info-txt ul.number:before{
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 0;
    content: '';
    width: 140px;
    height: 1px;
    background: #ccc;
}
.state-title{
    font-size: 16px;
    padding: 20px 3% 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.state-title h4{
    background: #ccc;
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
}
.state-title h4.on{
    background: #5489c8;
}
.witness-title{
    font-size: 16px;
    padding: 20px 3% 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-around;
}
.witness-title h3{
    margin-right: 10px;
    background: #ccc;
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
}
.witness-title h3.on{
    background: #5489c8;
}
.state-words{
    padding: 0 4% 50px;
    color: #555;
    font-size: 14px;
}
.lawyer-info{
    padding: 15px 0;
}
.lawyer-info ul li{
    border-bottom: 1px solid #ddd;
    padding: 10px 4%;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
}
.lawyer-info ul li .left{
    color: #5489c8;
    font-size: 16px;
}
.lawyer-info ul li .right{
    color: #555;
    font-size: 16px;
    padding-left: 10px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
}
.lawyer-info .tips{
    margin-top: 50px;
    color: red;
    font-size: 16px;
    text-align: center;
}
.witness-list{
    padding: 15px 3%;
}
.witness-list li{
    margin-bottom: 20px;
}
.witness-list li h1{
    color: #5489c8;
    font-size: 16px;
    margin-bottom: 3px;
}
.witness-list li h2{
    color: #5489c8;
    font-size: 16px;
    margin-bottom: 5px;
}
.witness-list li h3{
    color: red;
    font-size: 14px;
}
.witness-list li .flex{
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    padding: 5px 0;
}
.witness-list li .flex i{
    display: block;
    background: #ccc;
    color: #fff;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    text-align: center;
    line-height: 22px;
    margin-right: 7px;
}
.witness-list li .flex .txt{
    font-size: 14px; 
    color: #555;
    line-height: 1.6;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
}

.info-head .info-txt .city{
    margin-top: 8px;
}
.info-head .info-txt .city span{
    color: #5489c8;
}
.index-link{
    background: #f4f8fd;
    margin-top: 1px;
    padding: 6px 0;
}
.index-link ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    height: 36px;
    justify-content: space-around;
    padding: 0 1%;
    max-width: 375px;
    margin: 0 auto;
}
.index-link ul li{
    width: 31%;
    background: #96bcea;
    border-radius: 4px;
    text-align: center;
}
.index-link ul li a{
    display: block;
    line-height: 36px;
    color: #fff;
    padding-left: 24px;
    font-size: 16px;
}
.index-link ul li:nth-child(1) a{
    background: url(../images/head.png) no-repeat 13px center;
    background-size: 28px auto;
}
.index-link ul li:nth-child(2) a{
    background: url(../images/eye.png) no-repeat 13px center;
    background-size: 30px auto;
}
.index-link ul li:nth-child(3) a{
    background: url(../images/plane.png) no-repeat 13px center;
    background-size: 28px auto;
}
.index-tab{
    background: #fff;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
    line-height: 40px;
    padding: 5px 3% 0;
}
.index-tab h1{
    font-size: 18px;
    color: #8c8c8c;
    margin-right: 15px;
}
.index-tab h1.on{
    color: #185bb8;
}
.index-tab a{
    display: block;
    -webkit-box-flex: 1;
    /*-moz-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
    text-align: right;
    color: #8c8c8c;
    font-size: 14px;
}
.index-news{
    padding: 5px 3% 15px;
}
.index-news ul li{
    padding: 4px 0;
}
.index-news ul li a{    
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
}
.index-news ul li a .tit{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    position: relative;
    padding-left: 10px;  
}
.index-news ul li a .tit span{  
    font-size: 16px;
    color: #787878; 
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; 
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
}
.index-news ul li a .tit:before{
    content: '';
    height: 4px;
    width: 4px;
    display: block;
    background: #96bcea;
    position: absolute;
    top: 9px;
    left: 0px;
}
.index-news ul li a .time{
    color: #bbb;
    text-align: right;
    font-size: 15px;
    margin-left: 20px;
}
.bbb{
    border-bottom: 1px solid #e0ecf3;
}
.see-pdf{
    padding: 15px 4% 5px;
}
.see-pdf a{
    color: #ff7700;
    font-size: 18px;
}



.index-stock{
    margin-top: 10px;
    padding-bottom: 10px;
}
.index-stock ul{
    overflow: hidden;
}
.index-stock ul li{
    float: left;
    width: 33.3%;
}
.index-stock ul li .stock{
    border-right: 1px solid #e0ecf3;
    text-align: center;
}
.index-stock ul li .stock img{
    width: 90%;
}
.index-stock ul li .title{
    padding: 0 5%;
    font-size: 12px;
    color: #185bb8;
}
.index-icon{
    margin-top: 15px;
    padding-bottom: 10px;
}
.index-icon ul{
    overflow: hidden;
}
.index-icon ul li{
    float: left;
    width: 25%;
}
.index-icon ul li>div{
    padding: 0 5%;
    text-align: center;
}
.index-icon ul li img{
    height: 40px;
}
.index-icon ul li .tit{
    margin-top: 5px;
}
.index-icon ul li .tit a{
    color: #545454;
    font-size: 14px;
}
.index-bottom{
    font-size: 14px; 
    color: #545454;
    padding: 15px 0 30px;
    text-align: center;
    border-top: 1px solid #e0ecf3;
}
.info-tips{
    padding: 20px 4% 20px;
    font-size: 16px; 
    color: #333;
}
.info-head .info-txt a.download.no{
    background-color: #bbb;
    border-color: #bbb;
}
.info-head .info-txt h4{
    font-size: 14px;
    color: red;
    margin-top: 8px;
}
.activity-content{
    padding: 20px 3% 30px;
    font-size: 14px;
}
.activity-content img{
    width: 100%;
}
.activity-content table{
    margin: 5px auto;
    width: 100%;
    color: #555;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
}
.activity-content table th,.activity-content table td{
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 0;
}
.head-nav{
    width: 30px;
    height: 40px;
    position: relative;
}
.head-subnav{
    position: absolute;
    top: 30px;
    right: 2px;
    width: 90px;
    z-index: 999;
    display: none;
}
.head-subnav ul li{
    padding: 8px 0;
    text-align: center;
    border-bottom: 1px dashed #fff;
    background: #4D85C6;
}
.head-subnav ul li a{
    color: #fff;
    font-size: 14px;
}
.head-subnav ul li:last-child{
    border: none;
}
#divprovince,#divcity{
    float: left;
    width: 48%;
    position:relative
}
#divprovince select,#divcity select{
    width: 100%;
    height: 27px;
    font-size: 14px;
    background: none;
    border: 1px solid rgb(169, 169, 169);
    outline: none;/* Prefixed box-sizing rules necessary for older browsers */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;/* Remove select styling */
    appearance: none;
    -webkit-appearance: none;/* Font size must the 16px or larger to prevent iOS page zoom on focus */
    /* General select styles: change as needed */
    color: #185BB8;
}
#divprovince:after,#divcity:after{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 50%;
    right: 8px;
    margin-top:-4px;
    border:8px solid #929497;
    border-width: 8px 5px 8px;
    border-color: #929497 transparent transparent transparent;
    z-index: 2;
    pointer-events:none;
}

#txtMail{height:25px; border: 1px solid rgb(169, 169, 169); width:172px; text-indent:4px;}

.mail label{/* border: 1px solid #e3e5e7; */ display: block; height: 40px; border-radius: 6px; line-height: 40px;-webkit-transition:box-shadow .3s; display: -webkit-box;}
.mail label.on{border:1px solid #56b4ef;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);-webkit-transition:box-shadow .3s;}
.mail label>span{font-size: 16px; color: #bbb; width: 72px; /* border-right: 1px solid #e3e5e7; */ display: block; /* text-align: right; */}
.main input{
    border: 1px solid #aaa;
    height: 27px;
    text-indent: 10px;
    width: 97%;
}
.mail .flex{-webkit-box-flex: 1;}

.exp-cover{
    background: rgba(0,0,0,.9); 
    width: 100%; 
    height: 0;
    visibility: hidden; 
    position: fixed; 
    z-index: 999; 
    top:0; 
    left: 0; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}
.exp-cover.on{
    height: 100%;
    visibility: visible;
}
.exp-cover .z-a{
    position: absolute;
    top: 2px;
    right: 0px;
    z-index: 999;
}
.exp-cover .z-a i {
    margin-right: 1em;
    background-image: url(../images/cross.png);
    background-size: 60% 60%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 4em;
    height: 4em;
    cursor: pointer;
    display: inline-block;
}
.exp-cover img{
    width: 100%;
}
.exp-cover img:not(:first-of-type){
    display: none;
}
.show-exp{
    color: #57CB48;
    font-size: 16px;
    text-align: right;
}

.imgContainer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
}
.imgContainer.on{
    height: 100%;
    visibility: visible;
}
.zoomableContainer{
    text-align: center;
    width: 100%;
    height: 100%;
}
.witness-upload-title{
    font-size: 13px;
    padding: 20px 2% 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-around;
}
.witness-upload-title h3{
    background: #ccc;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
}
.witness-upload-title h3.on{
    background: #5489c8;
}
.witness-upload-box{
    font-size: 14px;
    padding: 0 2% 30px;
    display: none;
}
.witness-upload-box .show-exp{
    color: #57CB48;
    text-align: right;
    font-size: 14px;
}
.witness-upload-box ul li{
    padding: 8px 0;
    display: -webkit-box;
}
.witness-upload-box ul li .left{
    -webkit-box-flex: 1;
}
.witness-upload-box ul li .mid{
    position: relative;
    width: 31px;
    height: 21px;
}
.witness-upload-box ul li .mid .upload{
    width: 18px;
    height: 6px;
    border: 3px solid #96BCEA;
    border-top: none;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.witness-upload-box ul li .mid .upload:before{
    content: '';
    position: absolute;
    width: 4px;
    height: 8px;
    background: #96BCEA;
    top: -4px;
    left: 7px;
}
.witness-upload-box ul li .mid .upload:after{
    width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #96BCEA transparent;
    border-width: 7px;
    left: 2px;
    top: -17px;
}
.witness-upload-box ul li .right i{
    display: inline-block;
    background: url(../images/yes.png) no-repeat center;
    width: 20px;
    height: 21px;
    background-size: auto 15px;
}
.witness-upload-box ul li .right i.no{
    background-image: url(../images/cross_03.png);
    background-size: auto 15px;
}
.witness-tips{
    color: #5489c8;
    font-size: 15px;
    text-align: center;
    margin-bottom: 8px;
}
.witness-upload-img img{
    width: 100%;
}
.witness-other{
    color: #5489c8;
    font-size: 15px;
}
.witness-other input[type="button"]{
    background: #185bb8; 
    outline: none; 
    border: 1px solid #0a3878; 
    border-radius: 6px; 
    padding: 4px 12px;
    font-size: 15px;
    color: #fff; 
    -webkit-appearance: none; 
    appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
     font-family: "微软雅黑";
 }



/*20160105*/
.sub-nav{
    border-bottom: 2px solid #dbdbdb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    height: 36px;
}
.sub-nav ul li{
    float: left;
    color: #185bb8; 
    font-size: 16px; 
    line-height: 36px;
    height: 36px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-right: 1px solid #dbdbdb;
    border-bottom: 2px solid #3368bd; 
    padding: 0 14px;   
}
.about-content{
    padding: 15px 3% 80px;
}
.about-content ul li{
    border-bottom: 1px solid #d6d6d6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.faq-content ul{
    padding-bottom: 40px;
}
.faq-content ul li{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 12px 14px;
    border-bottom: 1px dashed #d5d5d5;
}
.faq-content ul li .num{
    width: 25px;
    flex-shrink: 0;
}
.faq-content ul li .num span{
    color: #fff;
    font-size: 12px;
    background: #858585;
    border-radius: 100%;
    width: 18px; 
    height: 18px;
    line-height: 18px;
    text-align: center;
    display: block;
    margin-top: 1px;
}
.faq-content ul li .txt .ask{
    font-size: 16px;
    color: #333;
    line-height: 20px;
}
.faq-content ul li .txt .detail{
    font-size: 14px;
    color: #555;
    padding-top: 10px;
    display: none;
}
.faq-content ul li.on{
    background: #F3F3F3;
}
.faq-content ul li.on .num span{
    font-size: 13px;
    background: #185bb8;
}
.faq-content ul li.on .txt .ask{
    color: #185bb8;
}
.faq-content ul li.on .txt .detail{
    display: block;
}
.news-top{
    padding: 15px 3%;
    border-bottom: 1px solid #dbdbdb; 
    background: #f3f3f3;
}
.news-top .pic img{
    width: 100%;
}
.news-top .tit{
    margin-top: 6px;
}
.news-top .tit a{
    color: #444;
    font-weight: bold; 
    font-size: 18px;
    word-wrap: break-word;
    word-break: break-all;
}
.news-top .tit a span{
    font-size: 14px;
    color: #777;
    font-weight: normal;
    margin-left: 8px;
}
.news-top .txt{
    margin-top: 3px;
    text-align: justify;
}
.news-top .txt a{
    color: #666;
    font-size: 15px;
}
.news-content ul.news-list li{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px 2%;
    border-bottom: 1px dashed #d5d5d5;
}
.news-content ul.news-list li .date{
    width: 48px;
    flex-shrink: 0;
    color: #262626;
    text-align: center;
    margin-right: 6px;
    margin-top: 3px;
}
.news-content ul.news-list li .date .m{
    font-size: 20px;
    background: #ebebeb;
}
.news-content ul.news-list li .date .n{
    font-size: 14px;
    background: #ebebeb;
    margin-top: 1px;
}
.news-content ul.news-list li .txt{
    -webkit-box-flex: 1;
}
.news-content ul.news-list li .txt .tit{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox
}
.news-content ul.news-list li .txt .tit a{
    color: #333;
    font-size: 15px;
}
.news-content ul.news-list li .txt .info{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
    margin-top: 3px;
}
.news-content ul.news-list li .txt .info a{
    color: #666;
    font-size: 13px;
}
.page-box{
    padding: 20px 14px 25px;
    text-align: center;
}
.page-box li{
    margin-right: 5px;
    display: inline-block;
}
.page-box li a{
    background: #eeeeee;
    display: block;
    color: #888;
    font-size: 14px;
    padding: 0 12px;
    line-height: 1.9;
    border-radius: 3px;
}
.news-head{
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #dbdbdb;
}
.news-head .tit{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.news-head .info{
    font-size: 13px;
    color: #666;
    margin-top: 3px;
}
.news-detail{
    font-size: 15px;
    color: #444;
    line-height: 1.6;
    text-align: justify;
    padding: 20px 3% 60px;
}
.news-detail img{
    max-width: 100%;
}
.soft-content{
    padding-bottom: 40px;
}
.soft-content ul.soft-list li{
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
    padding: 12px 2%;
    border-bottom: 1px dashed #dbdbdb;
}
.soft-content ul.soft-list li .pic{
    flex-shrink: 0;
    width: 80px;
    margin-right: 8px;
    margin-top: 3px;
}
.soft-content ul.soft-list li .pic img{
    width: 100%;
}
.soft-content ul.soft-list li .txt{
    -webkit-box-flex: 1;
}
.soft-content ul.soft-list li .txt .tit{
    color: #185bb8;
    font-size: 16px;
    margin-bottom: 3px;
}
.soft-content ul.soft-list li .txt .info{
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
    margin-bottom: 8px;
}
.soft-content ul.soft-list li .txt .link a.d{
    display: inline-block;
    background: url(../images/soft.png) no-repeat 0 center;
    font-size: 16px; 
    color: #185bb8;
    padding-left: 20px;
    background-size: 18px auto;
}
.soft-content ul.soft-list li .txt .link a.i{
    display: inline-block;
    background: url(../images/why.png) no-repeat 0 center;
    font-size: 16px; 
    color: #ff0000;
    padding-left: 20px;
    background-size: 18px auto;
    margin-left: 14px;
}
.table-head{
    background: #eff5fc;
    font-size: 16px; 
    color: #3268bd;
    line-height: 2.4;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
    padding: 0 3%
}
.table-head .left{
    -webkit-box-flex: 1;
}
.table-head .right{
    width: 100px;
    text-align: center;
}
ul.table-list li{
    padding: 10px 3%;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px dashed #dbdbdb;
    font-size: 16px;
}
ul.table-list li .name{
    color: #444;
    -webkit-box-flex: 1;
    margin-right: 8px;
    line-height: 1.4;
}
ul.table-list li .btn a.d{
    display: inline-block;
    background: url(../images/soft.png) no-repeat 0 center;
    color: #185bb8;
    padding-left: 20px;
    background-size: 18px auto;
}
ul.table-list li .btn a.e{
    display: inline-block;
    position: relative;
    padding-left: 10px;
    color: #185bb8;
    margin-left: 10px;
}
ul.table-list li .btn a.e:before{
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 1px;
    height: 12px;
    background: #185bb8;
}

.banner-swiper{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.banner-swiper .swiper-slide{
    width: 100%;
}
.banner-swiper .swiper-slide a,.banner-swiper .swiper-slide a img{
    display: block;
    width: 100%;
}
.banner-swiper .swiper-slide a{
    position: relative;
}
.banner-swiper .swiper-slide a .tit{
    position: absolute; 
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    height: 36px;
}
.banner-swiper .swiper-slide a .tit p{
    padding-left: 3%;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}
.banner-swiper.swiper-container-horizontal>.swiper-pagination {
    bottom: 8px;
    right: 0;
    width: 64px;
    left: auto;
}
.banner-swiper.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 2px;
}
.banner-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 0;
    background: #5489c8;
    opacity: 1;
}
.banner-swiper .swiper-pagination-bullet-active {
    border-radius: 0;
    background: #fff;
    opacity: 1;
}



/*20160113*/
.witness-upload-box .see{
    display: inline-block;
    position: relative;
    width: 26px;
    height: 24px;
    margin-left: 5px;
    vertical-align: -2px;
}
.witness-upload-box .see:before,.witness-upload-box .see:after{
    content: '';
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.witness-upload-box .see:before{
    width: 16px;
    border: 2px #eea303 solid;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
.witness-upload-box .see:after{
        width: 4px;
        background: #eea303;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        top: 15px;
        left: 18px;
        height: 9px;
}
.witness-upload-box .see span{
    height: 25px;
    width: 25px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.witness-upload-box .see span:before,.witness-upload-box .see span:after{
    content: '';
    height: 1px;
    width: 10px;
    display: block;
    background: #eea303;
    position: absolute;
    top: 10px;
    left: 5px;
}
.witness-upload-box .see span:after{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.witness-upload-box .right img{
    display: none;
}

.feedback-content{
    padding: 20px 3% 50px;
}
.feedback-word textarea{
    width: 100%;
    height: 120px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    color: #333;
    padding: 2px 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #bbb;
}
.feedback-word input[type=text]{
    width: 100%;
	margin: 3px 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    color: #333;
    padding: 2px 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #bbb;
}
.feedback-word select{
    width: 100%;
	margin: 3px 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    color: #333;
    padding: 2px 2px;
    border: 1px solid #bbb;
}
.feedback-word input[type=button]{
    border: none;
    background: #3065BB;
    padding: 5px 20px 6px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*20160117*/
.contact-content{
    padding: 20px 3% 50px;
}
.contact-title{
    font-size: 16px;
    color: #5489c8;
    margin-bottom: 10px;
}
.contact-qcode{
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-bottom: 30px;
}
.contact-qcode img{
    width: 60%;
}
.contact-qcode li{
    margin-bottom: 10px;
}
.company-address{
    font-size: 14px;
    color: #333;
    padding: 
}
.company-address li{
    margin-bottom: 5px;
}
.contact-phone,.contact-enter{
    font-size: 16px;
    color: #5489c8;
    word-wrap: break-word;
}
.contact-phone a,.contact-enter a{
    color: blue;
}


/*20160125*/
.dcity{
    display:-webkit-box;
    margin-top: 4px;
}
.dcity input.refresh{
    appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    background: #6299d2;
    border: none;
    padding: 3px 3px;
    color: #fff;
    font-size: 13px;
    outline: none;
}
#dcity{
    margin-right: 5px;
}
#dprovince select,#dcity select{
    width: 130px;
    font-size: 13px;
    background: #fff;
    border: 1px solid rgb(169, 169, 169);
    outline: none;/* Prefixed box-sizing rules necessary for older browsers */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;/* Remove select styling */
    appearance: none;
    -webkit-appearance: none;/* Font size must the 16px or larger to prevent iOS page zoom on focus */
    /* General select styles: change as needed */
    color: #185BB8;
    padding: 2px 3px;
    border-radius: 3px;
}
#dprovince:after,#dcity:after{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 50%;
    left: 113px;
    margin-top:-4px;
    border:8px solid #929497;
    border-width: 8px 5px 8px;
    border-color: #929497 transparent transparent transparent;
    z-index: 2;
    pointer-events:none;
}
#dprovince,#dcity{
    position: relative;
}


/*20160126*/
a.go-pc{
    display: inline-block;
    color: #777;
    background: url(../images/computer.png) no-repeat 0 center;
    padding-left: 28px; 
    font-size: 15px;
}


@media only screen and (min-width: 320px) and (max-width: 360px){
    .work-style{padding: 5px 10px 15px 10px;}
    .work-style label input[type="radio"]{background: url(../images/radio.png) no-repeat -54px 0; width: 18px; height: 18px; background-size: 73px auto; vertical-align: -4px;}
    .work-style label span{font-size: 12px;}
    .location-content>p{font-size:14px; margin:8px 5%;}

    ul.invest li .sq-ipt span{font-size: 12px;}
    ul.invest li .sq-ipt input.square{
        width: 18px;
        height: 18px;
        background: url(../images/check.png) no-repeat center 5px;
        background-size: 10px auto;
        border-radius: 4px;
        vertical-align: -5px;
    }
    ul.invest li .sq-ipt input.square:checked{
        background-position: center -13px;
    }
    ul.invest li h3{font-size: 14px;}
    ul.invest li{font-size: 12px;}
    ul.invest li label input.circle{
        background: url(../images/radio.png) no-repeat -59px 0;
        width: 20px;
        height: 20px;
        background-size: 80px auto;
        vertical-align: -6px;
    }
    ul.invest li label{padding: 4px 0;}
    ul.invest li label span{font-size: 12px;}

    .function h3{font-size: 14px;}
    .function li .txt{font-size: 12px; line-height: 20px;}
    .function li h4 i.num{
            width: 20px;
            height: 20px;
            font-size: 13px;
            border-radius: 20px;
            line-height: 20px;
            margin-right: 6px;
    }
    .function li .txt{padding-left: 26px;}
    .function li h4 span{font-size: 13px; line-height: 20px;}

    .info-head .info-pic{
        border: 7px solid #96bcea;
        width: 85px;
        height: 85px;
        border-radius: 100%;
    }
}


@media screen and (min-width:642px){
    body{-webkit-touch-callout:none; width: 640px; margin-left:auto; margin-right:auto;}
    .psa{width: 640px; left: 50%; margin-left: -320px;}
    .psf{width: 640px; left: 50%; margin-left: -320px;}
}



/*20160513*/
.invite{
    font-size: 16px;
    color: #666;
    line-height: 1.7;
}
.invite input{
    width: 150px;
    border: none;
    border-bottom: 1px solid #ddd;
    outline: none;
    font-size: 16px;
    color: #5489c8;
    line-height: 24px;
    height: 24px;
}
.invite .flex{
    display: -webkit-box;
    padding-left: 30px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.invite .flex .left{
    margin-right: 10px;
}
.invite .flex .right{
    -webkit-box-flex: 1;
    color: #999;
}
.invite .invite-btn{
    background: #1C6FE2;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    -webkit-appearance: none;
    display: block;
    text-align: center;
    width: 80%;
    margin: 20px auto 30px;
}





.id-step li .pic-upload{
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  font-size: 8px;
}
.id-step li .pic-loader{
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  -webkit-animation: load4 1.1s infinite ease;
  animation: load4 1.1s infinite ease;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 1), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.5), -1.8em -1.8em 0 0em rgba(24,91,184, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.7), 1.8em -1.8em 0 0em rgba(24,91,184, 1), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.5), 1.8em -1.8em 0 0em rgba(24,91,184, 0.7), 2.5em 0em 0 0em rgba(24,91,184, 1), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.5), 2.5em 0em 0 0em rgba(24,91,184, 0.7), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.5), 1.75em 1.75em 0 0em rgba(24,91,184, 0.7), 0em 2.5em 0 0em rgba(24,91,184, 1), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.5), 0em 2.5em 0 0em rgba(24,91,184, 0.7), -1.8em 1.8em 0 0em rgba(24,91,184, 1), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.5), -1.8em 1.8em 0 0em rgba(24,91,184, 0.7), -2.6em 0em 0 0em rgba(24,91,184, 1), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.5), -2.6em 0em 0 0em rgba(24,91,184, 0.7), -1.8em -1.8em 0 0em rgba(24,91,184, 1);
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 1), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.5), -1.8em -1.8em 0 0em rgba(24,91,184, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.7), 1.8em -1.8em 0 0em rgba(24,91,184, 1), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.5), 1.8em -1.8em 0 0em rgba(24,91,184, 0.7), 2.5em 0em 0 0em rgba(24,91,184, 1), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.5), 2.5em 0em 0 0em rgba(24,91,184, 0.7), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.5), 1.75em 1.75em 0 0em rgba(24,91,184, 0.7), 0em 2.5em 0 0em rgba(24,91,184, 1), -1.8em 1.8em 0 0em rgba(24,91,184, 0.2), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.5), 0em 2.5em 0 0em rgba(24,91,184, 0.7), -1.8em 1.8em 0 0em rgba(24,91,184, 1), -2.6em 0em 0 0em rgba(24,91,184, 0.2), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.5), -1.8em 1.8em 0 0em rgba(24,91,184, 0.7), -2.6em 0em 0 0em rgba(24,91,184, 1), -1.8em -1.8em 0 0em rgba(24,91,184, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(24,91,184, 0.2), 1.8em -1.8em 0 0em rgba(24,91,184, 0.2), 2.5em 0em 0 0em rgba(24,91,184, 0.2), 1.75em 1.75em 0 0em rgba(24,91,184, 0.2), 0em 2.5em 0 0em rgba(24,91,184, 0.2), -1.8em 1.8em 0 0em rgba(24,91,184, 0.5), -2.6em 0em 0 0em rgba(24,91,184, 0.7), -1.8em -1.8em 0 0em rgba(24,91,184, 1);
  }
}



/*20160629*/
.index-scroll{
    background: #eeeeee;
    height: 50px;
    line-height: 50px;
    color: red;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
}
.index-scroll span,
.index-scroll a{
    padding-left: 40px;
    color: red;
}