@charset "utf-8";
* {
    margin: 0px;
    padding: 0px;
    font-family: "微软雅黑";
}

body {
    min-width: 1200px;
    font-size: 14px;
    overflow-x: hidden;
    background: #f5f4f8;
}

table, td, tr, ul, ol, li, dl, dd, dt, p, input, form, em, p, img, h1, h2, h3, h4, h5 {
    margin: 0px;
    padding: 0px;
}

h1 {
    color: #232323;
}

/* div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{font-size:14px;} */

ul {
    list-style: none;
}

.cursor {
    cursor: pointer;
}

.clear {
    font-size: 0;
    line-height: 0;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.l {
    float: left;
}

.r {
    float: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.inline {
    display: inline;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.hidden {
    display: none;
}

.hide {
    display: none
}

img {
    border: 0;
}

a {
    text-decoration: none;
    color: #686868;
    outline: none;
}

.gy {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

a:hover {
    text-decoration: none;
    color: #3b8fea;
}

.wrap {
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}

.wrap2 {
    width: 1140px;
    padding: 30px;
    background: #fff;
    margin: 0px auto;
    overflow: hidden;
}

.mg0 {
    margin: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mt2 {
    margin-top: 2px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt7 {
    margin-top: 7px !important
}

.mt8 {
    margin-top: 8px !important
}

.mt10 {
    margin-top: 15px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt22 {
    margin-top: 22px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt32 {
    margin-top: 32px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt75 {
    margin-top: 75px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt115 {
    margin-top: 115px !important
}

.mt150 {
    margin-top: 150px !important
}

.mt250 {
    margin-top: 250px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml7 {
    margin-left: 7px !important
}

.ml8 {
    margin-left: 8px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml55 {
    margin-left: 55px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml100 {
    margin-left: 100px !important
}

.ml120 {
    margin-left: 120px !important
}

.ml200 {
    margin-left: 200px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr7 {
    margin-right: 7px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr17 {
    margin-right: 17px !important
}

.mr19 {
    margin-right: 19px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr22 {
    margin-right: 22px !important
}

.mr23 {
    margin-right: 23px !important
}

.mr24 {
    margin-right: 24px !important
}

.mr28 {
    margin-right: 28px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr38 {
    margin-right: 38px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr55 {
    margin-right: 55px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr80 {
    margin-right: 80px !important
}

.pd0 {
    padding: 0 !important
}

.pd3 {
    padding: 3px !important
}

.pd5 {
    padding: 5px !important
}

.pd10 {
    padding: 10px !important
}

.pd15 {
    padding: 15px !important
}

.pd20 {
    padding: 20px !important
}

.pd30 {
    padding: 30px !important
}

.pd45 {
    padding: 45px !important
}

.pd50 {
    padding: 50px !important
}

.pt0 {
    padding-top: 0 !important
}

.pt2 {
    padding-top: 2px !important
}

.pt3 {
    padding-top: 3px !important
}

.pt5 {
    padding-top: 5px !important
}

.pt7 {
    padding-top: 7px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt13 {
    padding-top: 13px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt17 {
    padding-top: 17px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt23 {
    padding-top: 23px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt70 {
    padding-top: 70px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb2 {
    padding-bottom: 2px !important
}

.pb3 {
    padding-bottom: 3px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb8 {
    padding-bottom: 8px !important
}

.pt7 {
    padding-bottom: 7px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pl0 {
    padding-left: 0 !important
}

.pl5 {
    padding-left: 5px !important
}

.pl7 {
    padding-left: 7px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl12 {
    padding-left: 12px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl60 {
    padding-left: 60px !important
}

.pr0 {
    padding-right: 0 !important
}

.pr5 {
    padding-right: 5px !important
}

.pr7 {
    padding-right: 7px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr12 {
    padding-right: 12px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr60 {
    padding-right: 60px !important
}

.fleft,
pull-left {
    float: left !important
}

.fright,
pull-right {
    float: right !important
}

.nb-all {
    border: 0 !important
}

.nb-top {
    border-top: 0 !important
}

.nb-bottom {
    border-bottom: 0 !important
}

.nb-left {
    border-left: 0 !important
}

.nb-right {
    border-right: 0 !important
}

.border-b {
    border-bottom: 1px solid #e2e2e2
}

.tleft {
    text-align: left !important
}

.tcenter {
    text-align: center !important
}

.tright {
    text-align: right !important
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right
}

.inline {
    display: inline-block
}

.f10 {
    font-size: 10px !important
}

.f12 {
    font-size: 12px !important
}

.f14 {
    font-size: 14px !important
}

.f15 {
    font-size: 15px !important
}

.f16 {
    font-size: 16px !important
}

.f18 {
    font-size: 18px !important
}

.f20 {
    font-size: 20px !important
}

.f22 {
    font-size: 22px !important
}

.f24 {
    font-size: 24px !important
}

.f26 {
    font-size: 26px !important
}

.f28 {
    font-size: 28px !important
}

.f29 {
    font-size: 29px !important
}

.f30 {
    font-size: 30px !important
}

.f32 {
    font-size: 32px !important
}

.f35 {
    font-size: 35px !important
}

.f36 {
    font-size: 36px !important
}

.f40 {
    font-size: 40px !important
}

.f42 {
    font-size: 42px !important
}

.f48 {
    font-size: 48px !important
}

.f60 {
    font-size: 60px !important
}

.fyellow {
    color: #f90 !important
}

.fgreen {
    color: #690 !important
}

.fblue {
    color: #39a3e2 !important
}

.fdarkblue {
    color: #2d64b3 !important
}

.fcolorfff {
    color: #fff !important
}

.fcolor999 {
    color: #999 !important
}

.fcolor666 {
    color: #666 !important
}

.fcolor64 {
    color: #646464 !important
}

.fcolor42 {
    color: #424242 !important
}

.fcolor24 {
    color: #242424 !important
}

.fmain {
    color: #3c71ff !important
}

.fcolor000 {
    color: #000 !important
}

.text-muted {
    color: #ccc !important
}

.fcolorff6 {
    color: #ff6c4c !important
}

.fcolor333 {
    color: #333 !important
}

.fcolorccc {
    color: #ccc !important
}

.fcolorcdc {
    color: #cdcdcd !important
}

.fcolorchong {
    color: #FF5053 !important
}

.fcolorshou {
    color: #F7BA00 !important
}

.fcolorbao {
    color: #76CF27 !important
}

a.fmain:hover {
    color: #666 !important
}

.bg-f2f {
    background: #f2f2f2
}

.bg-f5f {
    background: #f5f4f8
}

.bg-f9f {
    background: #f9f9f9 !important
}

.lnht20 {
    line-height: 20px !important
}

.lnht22 {
    line-height: 22px !important
}

.lnht23 {
    line-height: 23px !important
}

.lnht25 {
    line-height: 25px !important
}

.lnht26 {
    line-height: 26px !important
}

.lnht28 {
    line-height: 28px !important
}

.lnht30 {
    line-height: 30px !important
}

.lnht34 {
    line-height: 34px !important
}

.lnht35 {
    line-height: 35px !important
}

.lnht36 {
    line-height: 36px !important
}

.lnht40 {
    line-height: 40px !important
}

.lnht45 {
    line-height: 45px !important
}

.lnht50 {
    line-height: 50px !important
}

.lnht55 {
    line-height: 55px !important
}

.lnht70 {
    line-height: 70px !important
}

.lnht95 {
    line-height: 95px !important
}

.text-primary {
    color: #3c71ff !important
}

.text-default {
    color: #ccc !important
}

.text-success {
    color: green !important
}

.text-danger {
    color: red !important
}

.text-warning {
    color: orange !important
}


/* select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    vertical-align: middle;
} */


/*图片放大组件*/
.imgZoom {
    overflow: hidden;
}

.imgZoom:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.imgZoom img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}


/*导航banner*/
.aui-header-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #f2f2f2;
    transition: all 0.6s ease-out;
}

.aui-header-title {
    width: 1200px;
    margin: 0 auto;
}

.aui-header-title .aui-title {
    float: left;
    margin-left: 10px;
}

.aui-header-title a {
    font-size: 14px;
    color: #333;
    opacity: 0.6;
    line-height: 28px;
}

.aui-header-title .navList {
    float: right;
    margin-right: 10px;
}

.aui-header-title .navList li:first-child {
    margin-left: 0;
}

.aui-header-title .navList li {
    float: left;
    margin-left: 22px;
}

.aui-header-title a {
    font-size: 14px;
    color: #333;
    line-height: 42px;
}

.aui-header-title .navList li a {
    font-size: 13px;
}

.aui-header-nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    z-index: 999;
    transition: all 0.45s ease-in-out;
}

.aui-header-nav.moveDown {
    top: 42px;
    transition: all 0.45s ease-in-out;
}

.aui-header-nav .wrapper {
    position: relative;
    width: 1180px;
    height: 60px;
    margin: 0 auto;
}

.aui-header-nav .aui-logo {
    width: 130px;
    height: 35px;
    background: url(../images/icon-blue.png) no-repeat;
    background: url(../images/icon-blue.png) no-repeat;
    background-size: 130px auto;
}

.aui-header-nav .wrapper .aui-logo {
    position: relative;
    top: 19px;
}

.aui-header-nav.solid .aui-logo {
    background: url(../images/icon-blue.png) no-repeat;
    background: url(../images/icon-blue.png) no-repeat;
    background-size: 130px auto;
}

.aui-header-nav .aui-logo h1 {
    text-indent: -99999px;
}

.aui-header-nav .wrapper .aui-top-nav {
    position: absolute;
    margin-left: 200px;
    top: 0;
}

.aui-top-nav .menu {
    -webkit-user-select: none;
    user-select: none;
    margin-top: 4px;
}

.aui-top-nav .menu > li {
    float: left;
    margin-left: 20px;
    height: 55px;
}

.aui-top-nav .menu > li > a {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    padding: 0 10px;
    height: 55px;
    font-size: 16px;
    line-height: 55px;
    color: #383838;
    border-bottom: 2px solid transparent;
    border-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
}

.aui-header-nav.solid .aui-top-nav .menu > li > a {
    color: #383838;
}

.aui-top-nav .menu > li .panel {
    position: fixed;
    top: 103px;
    left: 0;
    right: 0;
    height: 94px;
    padding-top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: -1;
    visibility: hidden;
    visibility: visible;
    display: none;
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.aui-top-nav .menu > li .panel.product {
    height: auto;
}

.aui-top-nav .menu > li .panel .inner {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    width: 1180px;
    padding: 28px 0 37px 0;
    box-shadow: none;
    overflow: hidden;
    text-align: center;
}

.aui-top-nav .menu > li .panel .list {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
}

.aui-top-nav .menu > li .panel.product .list {
    box-sizing: border-box;
    display: block;
    height: 60px;
    text-align: left;
    margin-left: 295px;
    margin-top: 30px;
}

.aui-top-nav .menu > li .panel.product .list dt {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    width: 90px;
    vertical-align: middle;
    font-size: 16px;
    color: #373d40;
    line-height: 60px;
    margin-right: -20px;
}

.aui-header-nav.solid .aui-top-nav .menu > li .panel .list dt {
    color: #7d8496;
}

.aui-top-nav .menu > li .panel .list dd {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    margin-left: 60px;
    text-align: center;
    vertical-align: top;
}

.aui-top-nav .menu > li .panel .list a {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #383838;
    font-weight: 400;
    text-align: center;
}

.aui-header-nav.solid .aui-top-nav .menu > li .panel .list a {
    color: #383838;
}

.aui-top-nav .u-iconfont {
    font-size: 32px;
    line-height: 33px;
    color: #383838;
}

.aui-top-nav .menu > li .panel .list dd em {
    font-weight: 400;
}

.aui-top-nav .menu > li .panel .list dd .txt {
    display: block;
    margin-top: 8px;
    font-style: normal;
}


/* .aui-header-top.moveUp {top: -29px; transition: all 1.2s ease-out;}  修改首页顶部折叠出现蓝条*/

.aui-header-nav.solid {
    background-color: #fff;
    background-color: #fff;
    border-bottom: 1px solid #f0f1f2;
    transition: all 0.5s ease-in-out;
}

.aui-header-nav .wrapper .m-login {
    position: absolute;
    right: 10px;
    top: 16px;
}

.u-btn {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    padding: 7px 15px;
    background-color: #3c71ff;
    border: 1px solid #3c71ff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
}

.m-login .u-btn {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 2px;
    letter-spacing: 0;
    line-height: 1.2;
    vertical-align: top;
}

.m-login .sign {
    transition: all 0.4s ease-out;
}

.u-btn.sign {
    padding: 7px 15px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
}

.m-login .u-btn.sign {
    margin-right: 12px;
}

.aui-header-nav.solid .m-login .u-btn {
    transition: all 0.4s ease-out;
}

.aui-header-nav.solid .m-login .sign {

    /*
    lxf 页面导航 《注册按钮》 滑动页面 出现样式 问题
    border: 1px solid #505050;
    color: #383838;
     */
    background-color: transparent;
    transition: all 0.4s ease-out;
}

/*
 lxf 页面导航 《注册按钮》 滑动页面 出现样式 问题
 .aui-header-nav.solid .m-login .free {
    background-color: #3c71ff ;
    border: 1px solid #3c71ff ;
    color: #fff;
    transition: all 0.4s ease-out;
}

 */


.m-login .u-btn {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    padding: 7px 15px;
    font-size: 16px;
    border-radius: 2px;
    letter-spacing: 0;
    line-height: 1.2;
    vertical-align: top;
}

.u-btn.free {
    padding: 7px 15px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #666;
}

.m-login .u-btn.free {
    margin-left: 0;
}

.aui-header-nav.solid .m-login .u-btn {
    transition: all 0.4s ease-out;
}

.aui-header-nav.moveDown {
    top: 42px;
    transition: all 0.45s ease-in-out;
    background: #fff;
    border-bottom: 1px solid #f0f1f2;
}

.aui-top-nav .menu > li:hover .panel {
    filter: alpha(opacity=100);
    opacity: 1;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: 1;
    visibility: visible;
    display: block;
}

.aui-top-nav .menu > li > a:hover {
    color: #3b8fea;
    border-color: #3b8fea;
    border-bottom: 2px solid #3B8FEA;
}

.aui-top-nav .menu > li .panel .list dd .txt:hover {
    color: #3b8fea;
}

.icon-font {
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: block;
    margin: 0 auto;
}

.icon-font-item001 {
    background: url("../images/icon001.png") no-repeat;
    background-size: 30px;
}

.icon-font-item002 {
    background: url("../images/icon002.png") no-repeat;
    background-size: 30px;
}

.icon-font-item003 {
    background: url("../images/icon003.png") no-repeat;
    background-size: 30px;
}

.icon-font-item004 {
    background: url("../images/icon004.png") no-repeat;
    background-size: 30px;
}

.icon-font-item005 {
    background: url("../images/icon005.png") no-repeat;
    background-size: 30px;
}

.icon-font-item006 {
    background: url("../images/icon006.png") no-repeat;
    background-size: 30px;
}

.icon-font-item007 {
    background: url("../images/icon007.png") no-repeat;
    background-size: 30px;
}

.aui-top-nav .menu > li .panel .list a:hover .icon-font {
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: block;
    margin: 0 auto;
}

.aui-top-nav .menu > li .panel .list a:hover .icon-font-item001 {
    background: url("../images/icon001-1.png") no-repeat;
    background-size: 30px;
}

.aui-top-nav .menu > li .panel .list a:hover .icon-font-item002 {
    background: url("../images/icon002-2.png") no-repeat;
    background-size: 30px;
}

.aui-top-nav .menu > li .panel .list a:hover .icon-font-item003 {
    background: url("../images/icon003-3.png") no-repeat;
    background-size: 30px;
}

.aui-top-nav .menu > li .panel .list a:hover .icon-font-item004 {
    background: url("../images/icon004-4.png") no-repeat;
    background-size: 30px;
}

.aui-top-nav .menu > li .panel .list a:hover .icon-font-item005 {
    background: url("../images/icon005-5.png") no-repeat;
    background-size: 30px;
}

.aui-top-nav .menu > li .panel .list a:hover .icon-font-item006 {
    background: url("../images/icon006-6.png") no-repeat;
    background-size: 30px;
}

.aui-top-nav .menu > li .panel .list a:hover .icon-font-item007 {
    background: url("../images/icon007-7.png") no-repeat;
    background-size: 30px;
}

.aui-top-nav .menu > li .panel .list a:hover .txt {
    color: #3b8fea;
}

.solid .aui-top-nav .menu > li .panel {
    top: 61px;
}

/*banner*/
.aui-banner-slide {
    margin-top: 103px;
    min-width: 1000px;
    background-color: #081238;
}

.aui-banner-main {
    width: 100%;
    overflow: hidden;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;

}

.aui-banner-wrapper {
    position: relative;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.aui-banner-news {
    width: 1200px;
    height: 400px;
    margin: 0px auto;
    position: relative;
    margin-top: -500px;
}

.zytb {
    width: 300px;
    float: right;
    padding: 30px;
    background-color: rgba(255, 255, 255, 1);
}

.zytb .tit {
    font-size: 22px;
    color: #212121;
    margin-bottom: 20px;
}

.zytb .tit span {
    float: right;
    color: #666;
    line-height: 35px;
    font-size: 16px;
}

.selct1 {
    color: #868583;
    font-size: 16px;
    margin-top: 20px;
}


.score-box .score-total {
    margin-top: 20px;
    height: 43px;
    line-height: 43px;
}

.score-box .score-total {
    width: 100%;
    text-align: center;
    padding: 0;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #868583;
    margin-bottom: 0;
}

.score-box i.fen {
    position: relative;
    left: 255px;
    color: #999;
    font-size: 14px;
    top: -28px;
    font-style: normal;
}

.score-box input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.selct {
    background: #3c71ff;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #fff;
}

　
.linear {
    margin: 0 auto;
    overflow: hidden;
    height: 46px;
    width: 100%;
}

.lighting {
    width: 30px;
    height: 74px;
    position: relative;
    top: -55px;
    left: -80px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -webkit-animation: lighting 1.2s linear infinite forwards;
    -moz-animation: lighting 1.2s linear infinite forwards;
    animation: lighting 1.2s linear infinite forwards;
    background: rgba(255, 255, 255, .4);
    z-index: 1
}

@keyframes lighting {
    40% {
        left: -50px
    }
    100% {
        left: 300px
    }
}

@-webkit-keyframes lighting {
    40% {
        left: -50px
    }
    100% {
        left: 300px
    }
}

.linear:hover .lighting {
    background: 0
}


.aui-bar-pic {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    text-align: center;
}

.aui-bar-pic img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    vertical-align: middle;
}

.aui-bar-title {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aui-bar-text {
    font-size: 14px;
    line-height: 1.8;
    color: #fff;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aui-banner-news-box ul li:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.aui-banner-wrapper ul li img {
    width: 100%;
    display: block;
    border: none;
}

.aui-banner-wrapper ul li {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.aui-banner-circle ul li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    width: 10px;
    height: 10px;
    background: url(../images/icon-q1.png) no-repeat;
    background: url(../images/icon-q1.png) no-repeat;
    background-size: 10px 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
}

.aui-banner-circle ul .on {
    width: 32px;
    height: 10px;
    background: url(../images/icon-q2.png) no-repeat;
    background: url(../images/icon-q2.png) no-repeat;
    background-size: 32px 10px;
}

.aui-banner-circle {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    width: auto;
    bottom: 55px;
    padding: 5px 13px;
    padding-bottom: 3px;
    border-radius: 16px;
    text-align: center;
}

.aui-banner-button-mo {
    width: 180px;
    left: 50%;
    margin-left: -90px;
}


/*快速导航*/
.uzy-home-one-key-navigation {
    width: 1200px;
    margin: 0px auto;
    height: 210px;
    margin-top: 10px;
    margin-bottom: 20px;
    background: #fff;
}

.uzy-home-one-key-navigation .content .one-key-navigation {
    padding-bottom: 20px
}

.uzy-home-one-key-navigation .content .one-key-navigation li {
    width: 96px;
    text-align: center;
    padding: 0 35px;
    display: inline-block;
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon {
    width: 58px;
    height: 58px;
    margin: 0px auto;
    margin-top: 30px;
    display: block;
}

.uzy-home-one-key-navigation .content .one-key-navigation li:hover a.icon {
    transform: translateY(-5px);
    transition-duration: 0.15s;
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon1 {
    background: url(../images/college.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon22 {
    background: url(../images/czy.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon2 {
    background: url(../images/major.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon3 {
    background: url(../images/latestpcl.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon4 {
    background: url(../images/astest.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon14 {
    background: url(../images/recommention.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon15 {
    background: url(../images/choose.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon11 {
    background: url(../images/tests.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon16 {
    background: url(../images/autonomyEnroll.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon8 {
    background: url(../images/zhuanjia.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon9 {
    background: url(../images/weici.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon17 {
    background: url(../images/choose.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon5 {
    background: url(../images/onekeyBlue.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon18 {
    background: url(../images/picixian.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon19 {
    background: url(../images/tiqianpi.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.icon33 {
    background: url(../images/xingaokao.png) 0 0 no-repeat
}

.uzy-home-one-key-navigation .content .one-key-navigation li div {
    top: 12px;
    left: 92px
}

.uzy-home-one-key-navigation .content .one-key-navigation li .onlyVIP {
    background: url(../images/vip.png) no-repeat 0 0;
    top: 80px
}

.uzy-home-one-key-navigation .content .one-key-navigation li a.title {
    line-height: 35px;
    color: #333;
    font-size: 16px;
}

.uzy-home-one-key-navigation .content .one-key-navigation li:hover a.title {
    color: #3c71ff
}

.uzy-home-data-view {
    border-top: 1px solid #f0f0f0;
    margin: 0;
    padding: 20px 0 5px;
    background: #fff;
}

.uzy-home-data-view .data-column {
    border: 0;
    width: 100%;
    float: inherit
}

.uzy-home-data-view .data-column li {
    text-align: left;
    width: auto;
    padding: 0 40px;
    border-right: #f0f0f0 1px solid;
    color: #666;
    line-height: 18px;
    float: left;
}

.uzy-home-data-view .data-column li span {
    font-size: 24px;
    text-align: right;
    color: #3c71ff
}

.uzy-home-data-view .data-column li:last-child {
    cursor: pointer;
    border-right: none;
}

.linear {
    overflow: hidden;
}

/*头条滚动*/

.toutiao {
    background: #fff;
    width: 1200px;
    margin: 20px auto;
}

.toutiao .tit {
    width: 92px;
    float: left;
}

.toutiao .tit img {
    width: 80px;
    padding: 18px;
}

.scrollDiv {
    padding: 10px 16px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.scrollDiv li {
    height: 35px;
    padding-left: 10px;
}

.scrollDiv li　span {
    float: right;
    color: #fff;
}

/*专家列表*/
.zhuanjia {
    background: #fff;
    width: 290px;
    padding: 0px 20px 20px 20px;
    float: right;
}

.zhuanjia .title {
    border-bottom: 1px solid #f0f0f0;
    margin-top: 10px;
    margin-bottom: 16px;
    color: #333;
    font-size: 24px;
    overflow: hidden;
    border-left: 0;
    padding: 0;
    height: 44px;
    line-height: 44px;
}

.zhuanjia .title span {
    float: right;
    font-size: 14px;
}

.zhuanjia li {
    display: block;
    clear: both;
    height: auto;
    overflow: hidden;
    margin-top: 14px;
}

.zhuanjia li .pic {
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 15px;
}

.zhuanjia li .pic img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.zhuanjia li .info {
    float: left;
    padding-top: 5px;
    color: #333;
    font-size: 15px;
    line-height: 25px;
}

.zhuanjia li .info p {
    color: #999;
}

/*大学展播*/
.daxue {
    float: left;
    width: 825px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
    min-height: 466px;
}

.daxue .home-title {
    border-bottom: 1px solid #f0f0f0;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #333;
    font-size: 24px;
    overflow: hidden;
    border-left: 0;
    padding: 0;
    height: 44px;
    line-height: 44px;
}

.daxue .home-title .nav-right {
    float: right;
    padding-right: 15px;
}

.daxue .home-title .nav-right a {
    font-size: 14px;
    color: #666;
}

.daxue .home-title .nav-right a:hover {
    color: #3c71ff;
}

.daxue li {
    width: 190px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 30px;
    float: left;
}

.daxue li:nth-child(4) {
    margin-right: 0
}

.daxue li:nth-child(8) {
    margin-right: 0
}

.daxue li .pic img {
    width: 190px;
    height: 135px
}

.daxue li .pic img {
    transition: all .2s
}

.daxue li .pic img:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

.daxue li p {
    white-space: nowrap;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 120px;
    line-height: 25px;
}

.daxue li .view {
    font-size: 12px;
    color: #999;
    float: right;
    line-height: 26px;
}

/* 推荐院校 */
.yuanxiao {
    background: #fff;
    width: 290px;
    padding: 10px 20px 20px 20px;
    float: right;
    margin-bottom: 20px;
}

.tab {
    margin: 0 auto;
}

.tab-hd {
    overflow: hidden;
    zoom: 1;
    font-size: 24px;
    color: #333;
    line-height: 45px;
    border-bottom: #f0f0f0 1px solid;
}

.tab-hd li {
    float: right;
    width: 60px;
    font-size: 14px;
    color: #333;
    text-align: center;
    cursor: pointer;
}

.tab-hd li.active {
    border-bottom: #3c71ff 1px solid;
    color: #3c71ff;
    font-weight: bold;
}

.tab-bd .tabcontent {
    display: none;
    border-top: 0 none;
    font-size: 24px;
}

.tab-bd .tabcontent .thisclass {
    display: list-item;
}

.yxlist {
}

.yxlist li {
    border-bottom: 0;
    padding: 12px 10px 6px 0px;
    height: 21px;
    line-height: 21px;
}

.yxlist li .view-num {
    display: inline-block;
    padding-left: 15px;
    max-width: 65px;
    float: right;
    font-size: 12px;
    max-width: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*overflow: hidden;  大学排名后面数字完全显示出来  */
}

.yxlist li i {
    color: #3c71ff;
}

.yxlist li span.sort.hot {
    background: #3c71ff;
}

.yxlist li span.sort {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #a5a5a5;
    color: #fff;
    text-align: center;
    line-height: 18px;
    top: 12px;
    left: 0;
    font-size: 12px;
}

.yxlist li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    width: 160px
}


/*数据看板*/
.shuju {
    background: #fff;
    width: 1200px;
    margin: 20px auto;
    clear: both;
    padding-bottom: 10px;
    overflow: hidden;
}

.shuju .col840 {
    float: left;
    width: 840px;
    padding-left: 15px;
    height: auto;
}

.shuju .home-title {
    border-bottom: 1px solid #f0f0f0;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #333;
    font-size: 24px;
    overflow: hidden;
    border-left: 0;
    padding: 0;
    height: 44px;
    line-height: 44px;
}

.shuju .home-title .nav-right {
    float: right;
}

.shuju .box {
    float: left;
    width: 420px;
    margin-bottom: 28px;
}

.shuju .box img {
    width: 81px;
    height: 54px;
    float: left;
    margin-right: 15px;
}

.shuju .box img {
    transition: all .2s
}

.shuju .box img:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

.shuju .box .txt {
    width: 300px;
    float: left;
    height: auto
}

.shuju .box .txt h3 a {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 32px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.shuju .box:last-child {
    margin-bottom: 0
}

.fcolor999 {
    color: #999 !important;
}


/*三块新闻*/
.gaokao {
    background: #fff;
    width: 1200px;
    margin: 20px auto;
    padding-bottom: 30px;
    overflow: hidden;
}

.gaokao .col840 {
    float: left;
    width: 840px;
    padding-left: 15px;
    height: auto;
}

.gaokao .home-title {
    border-bottom: 1px solid #f0f0f0;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #333;
    font-size: 24px;
    overflow: hidden;
    border-left: 0;
    padding: 0;
    height: 44px;
    line-height: 44px;
}

.gaokao .home-title .nav-right {
    float: right;
}

.focus {
    width: 372px;
    height: auto;
    margin-right: 20px;
    float: left;
}

.focus img:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

.focus img {
    width: 372px;
    height: 248px;
    transition: all .2s;
    margin-bottom: 10px
}

.focus h2 a {
    color: #333;
    font-size: 15px;
}

.focus h6 {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}

.list3 {
    float: left;
    width: 433px;
    height: auto;
}

.list3 .box {
    margin-bottom: 28px;
    height: auto;
    display: block;
    clear: both;
    height: 54px;
}

.list3 .box img {
    width: 81px;
    height: 54px;
    float: left;
    margin-right: 15px;
}

.list3 .box img {
    transition: all .2s
}

.list3 .box img:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

.list3 .box .txt {
    width: 335px;
    float: left;
    height: auto
}

.list3 .box .txt h3 a {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 32px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.list3 .box:last-child {
    margin-bottom: 0
}

.fcolor999 {
    color: #999 !important;
}

.news-list {
    float: right;
    width: 330px;
    height: auto;
    margin-right: 15px;
    margin-top: 20px;
}

.news-list li {
    border-bottom: 0;
    padding: 10px 10px 8px 25px;
}

.news-list li span.sort {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #a5a5a5;
    color: #fff;
    text-align: center;
    line-height: 18px;
    margin-right: 8px;
    font-size: 12px;
}

.news-list li span.sort.hot {
    background: #3c71ff;
}

/* 必要布局样式css */
.info-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.info-container-list {
    background: #fff;
    padding: 42px 0;
}

.info-listItem {
    width: 340px;
    margin: 0 26px 0 32px;
    float: left;
}

.info-listItem-title {
    font-size: 24px;
    margin-bottom: 26px;
    font-weight: normal;
}

.info-more {
    width: 100px;
    height: 36px;
    display: block;
    line-height: 36px;
    border: 1px solid #E4E4E4;
    text-align: center;
    transition: all .1s;
}

.info-more:hover {
    background: #F96A69;
    border-color: #F96A69;
    color: #fff;
}

.info-listItem-list {
    margin-bottom: 17px;
}

.info-listItem-list dt {
    height: 180px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.info-listItem-list dt a img {
    width: 340px;
    height: 180px;
    transition: all .4s;
}

.info-listItem-list dt a span {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom: 10px;
    font-size: 15px;
    padding: 0 24px;
    line-height: 1.5;
    height: 40px;
    overflow: hidden;
    transition: all .2s;
}

.info-listItem-list dd {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-listItem-list dd a {
    font-size: 14px;
    color: #909499;
}

.info-listItem-list dd a:hover {
    color: #3b8fea;
}

.info-listItem-list dt a:hover img {
    transform: scale(1.05);
}

/*友情链接*/
.uzy-links {
    width: 1200px;
    margin: 15px auto 0;
    clear: both;
    overflow: hidden;
    top: 124px;
}

.uzy-links .section {
    background: #fff;
    padding: 20px 15px;
}

.uzy-links .home-title {
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    border-left: 0;
    padding: 0;
    height: 44px;
    line-height: 44px;
    font-size: 24px;
}

.uzy-links ul li {
    float: left;
    margin: 10px 0;
    margin-right: 0px;
    font-size: 14px;
    margin-right: 10px;
}


.uzy-action {
    overflow: hidden;
    height: auto;
    padding: 20px 0;
    min-height: 100px;
}

.uzy-action .font {
    float: left;
    margin-right: 18px;
    width: auto;
}

.uzy-action .mr0 {
    margin-right: 0;
}

.uzy-action .font:hover {
    transform: translateY(-5px);
    /* box-shadow: 0 5px 15px rgba(0,0,0,.2); */
}

.uzy-action .font img {
    transition: all .2s;
}


.uzy-foot {
    height: auto;
    background: #434040;
    margin: 0 auto;
    padding-bottom: 60px;
    padding-top: 60px;
}

.uzy-foot:before,
.uzy-foot:after {
    display: table;
    content: "";
    line-height: 0
}

.uzy-foot:after {
    clear: both
}

.uzy-foot .nav {
    float: left;
    width: 100px;
    text-align: center;
    margin: 0 60px 0 0
}

.uzy-foot .nav h3 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    font-weight: 400
}

.uzy-foot .nav h3 i {
    color: #999;
    display: inline-block;
    width: 12px
}

.uzy-foot .nav ul li {
    float: left;
    text-align: left;
    font-size: 14px;
    width: 100px;
    line-height: 25px
}

.uzy-foot .nav ul li a {
    color: #999
}

.uzy-foot .nav ul li a:hover {
    color: #fff
}

.uzy-foot .foot-right {
    width: 340px;
    height: auto;
    float: right;
}

.uzy-foot .foot-right .pull-left {
    float: left;
    width: 110px;
    margin-right: 20px;
}

.uzy-foot .foot-right .pull-left {
    color: #fff;
    text-align: center;
    line-height: 35px;
}

.uzy-foot .foot-right .hot-line {
    display: inline-block;
    width: 200px
}

.uzy-foot .foot-right .hot-line p {
    font-size: 14px;
    color: #868686;
    line-height: 25px
}

.uzy-foot .foot-right .hot-line p.tel {
    font-size: 28px;
    color: #3c71ff;
    /*font-weight:700;*/
    margin-bottom: 10px;
    text-align: right
}

.uzy-copyright {
    color: #868686;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    padding: 10px 0;
    background: #504b4b
}

.uzy-copyright span {
    padding: 0 10px
}

.uzy-copyright span.line {
    border-right: 1px solid #868686
}

.uzy-copyright span a {
    color: #868686
}

/*子页样式表*/
.banner1 {
    background: url(../images/banner1.jpg) no-repeat center;
    height: 280px;
    margin-top: 103px;
}

/*面包导航*/
.nav-crumbs-wrapper {
    font-size: 15px;
    width: 1200px;
    margin: 0px auto;
    color: #999;
    margin-top: 20px;
}

.nav-crumbs-wrapper i {
    color: #333;
    padding: 0px 5px;
}

.nav-right > a {
    font-size: 14px !important;
}

.nav-crumbs-wrapper2 {
    font-size: 15px;
    width: 1200px;
    margin: 0px auto;
    color: #999;
    margin-top: 120px;
    margin-bottom: 20px;
}

.nav-crumbs-wrapper2 i {
    color: #333;
    padding: 0px 5px;
}

/*新闻列表*/
.container-frame {
    width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    margin: 40px auto 0;
    margin-top: 20px;
}

.container-left {
    padding: 20px;
    background: #fff;
    height: auto;
    float: left;
    width: 825px;
}

.container-box .title .title-txt {
    color: #333 !important;
}

.modal-title.line {
    border-bottom: 1px solid #eee;
}

.modal-title {
    font-size: 18px;
    color: #424242;
    line-height: 30px;
    font-weight: 700;
    padding-bottom: 10px;
}

.news-list-box {
    height: 110px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 30px
}

.news-list-box img {
    float: left;
    margin-right: 10px;
    width: 145px;
    height: 97px
}

.news-list-con {
    width: 665px;
    height: 110px;
    float: left
}

.news-list-con h3 {
    color: #424242;
    font-size: 16px;
    margin-bottom: 10px
}

.news-list-con h3 a {
    color: #424242
}

.news-list-con h3 a:hover {
    color: #3c71ff
}

.news-list-con a {
    color: #999
}

.news-list-con-txt {
    color: #666;
    margin-bottom: 10px;
    font-size: 14px
}

.news-list-con-info {
    color: #999;
    float: left;
    margin-right: 15px
}

.news-list-con-info i {
    margin-left: 10px
}

.news-list-con-info p span {
    padding: 0 5px;
    font-size: 12px;
    color: #ddd
}

/*分页导航*/
.tcenter {
    text-align: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 17px 0;
    border-radius: 2px
}

.pagination > li {
    display: inline
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #d03118;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #3c71ff;
    border-color: #3c71ff;
    cursor: default
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 15px
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 4px 8px;
    font-size: 12px
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}


.container-right {
    width: 280px;
    padding: 20px;
    height: auto;
    float: right;
    background: #fff;
}

.modal-right {
    margin-bottom: 17px;
}

.uzy-policy .search input[type="text"] {
    padding: 0 3px;
    width: 212px;
    height: 32px;
    display: inline;
    margin-right: 5px;
}

/* lxf
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
} */
.uzy-policy .search .btn-primary {
    height: auto;
}

.btn {
    display: inline-block;
    padding: 8px 24px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    border-radius: 4px;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
}

.btn-small {
    padding: 4px 12px !important;
}

.btn-primary {
    color: #fff;
    background-color: #3c71ff;
    border-color: #3c71ff;
}

.btn-df {
    color: #333 !important;
    background-color: #FFF;
    border: 1px solid #909399;
    cursor: auto;

}

.btn-blue {
    color: #fff !important;
    background-color: #3c71ff;
    border: 1px solid #3c71ff;
}

.modal-title span {
    float: right;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.modal-right .title {
    height: 44px;
    line-height: 44px;
    background: #f2f2f2;
    padding: 0 15px;
    border-left: 5px solid #3c71ff;
    font-size: 18px;
    font-weight: 400;
}

.uzy-hotarticle3 ul {
    margin-top: 20px;
}

.uzy-hotarticle3 ul li {
    margin-bottom: 15px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*新闻内容*/

.channel_left {
    padding: 10px;
    background: #fff;
    line-height: 28px;
}

.tc {
    text-align: center;
}

.news_tit {
    text-align: center;
    font-size: 36px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.news_tools {
    color: #999;
    background: #faf9f9;
    margin-bottom: 30px;
    line-height: 35px;
}

.news_tools .ico {
    vertical-align: -4px;
    margin-right: 10px;
}

.news_change .ico {
    margin-right: 10px;
}

.news_tools span {
    margin-right: 20px;
}

.news_share {
    width: 356px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.news_share a {
    background: url(../img/news_share.png) no-repeat 0 0;
    width: 45px;
    height: 44px;
}

.news_share ._btn.r {
    background-position: -330px 0;
}

.news_share ._btn:hover {
    -ms-background-position-y: -44px;
    background-position-y: -44px;
}

.news_share .bdsharebuttonbox a {
    width: 37px;
    height: 37px;
    background: url(../img/news_share.png) no-repeat 0 0;
    padding: 0;
    margin: 3px 8px;
}

.news_share .bdsharebuttonbox a.news_list_btn {
    background-position: -168px -4px;
}

.news_share .bdsharebuttonbox a.bds_qzone {
    background-position: -64px -4px;
}

.news_share .bdsharebuttonbox a.bds_tsina {
    background-position: -116px -4px;
}

.news_share .bdsharebuttonbox a.bds_weixin {
    background-position: -220px -4px;
}

.news_share .bdsharebuttonbox a.bds_tqq {
    background-position: -272px -4px;
}

.news_share .bdsharebuttonbox a:hover {
    -ms-background-position-y: -48px;
    background-position-y: -48px;
}

.back_list {
    border-bottom: 1px solid #eee;
    margin-top: 20px;
    margin-bottom: 25px;
}

.back_list a {
    font-size: 18px;
    padding: 0 30px 20px 30px;
    border-bottom: 1px solid #3c71ff;
    display: inline-block;
    color: #3c71ff;
}

/*推荐阅读*/
.tuijian .tit {
    font-size: 22px;
    margin-bottom: 10px;
    clear: both;
}

.tuijian li {
    float: left;
    width: 50%;
}

/*视频列表*/
.videolist {
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

#search-wrapper {
    width: 1200px;
    height: 40px;
    margin: 25px auto;
}

#search-wrapper #keywords {
    width: 220px;
    height: 18px;
    font-style: 14px;
    line-height: 28px;
    font-size: 14px;
    padding: 10px 15px;
    margin: 0;
    border: 1px solid #e6e6e6;
    border-right: 0;
}

#search-wrapper #searchBtn {
    background: #3c71ff;
    color: #fff;
    width: 84px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    float: right;
}

#search-wrapper .search-wrapper-left {
    width: 335px;
    height: 40px;
    float: left;
}

.wrapper-title {
    width: 1188px;
    height: 16px;
    margin: 30px auto 0;
    border-left: 4px solid #3c71ff;
    padding-left: 8px;
    font-size: 16px;
    color: #212121;
    font-weight: 600;
}

.fitterWrapper:last-child {
    border-bottom: 0;
}

.fitterWrapper .fitterContent {
    display: inline-block;
    width: 1060px;
}

.fitterWrapper .fitterWrapperTitle {
    line-height: 22px;
    color: #9b9b9b;
    width: 70px;
    text-align: right;
    display: inline-block;
}

.fitterWrapper .all.active {
    color: #3c71ff;
    border: 1px solid #3c71ff;
}

/*
    lxf classroom/index.htm 页面 全部课堂

  .fitterWrapper .all {
    width: 42px;
    height: 22px;
    text-align: center;
    color: #4a4a4a;
    line-height: 24px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 12px;
    border-color: rgba(0, 0, 0, 0);
    background: #fff;
}
*/

.fitterWrapper a {

    line-height: 24px;
    display: inline-block;
    font-size: 14px;
    background: #fff;
    color: #212121;
    margin: 0px 5px;
    padding: 0px 10px;


}

#packs-wrapper-top {
    width: 1200px;
    margin: 20px auto;
    font-size: 12px;
    color: #757575;
    line-height: 18px;
}

#packsData {
    width: 1200px;
    margin: 0 auto;
}

#packsData .packItem {
    float: left;
    width: 216px;
    /* height: 233px; */
    margin: 0 30px 30px 0;
    background: #FFFFFF;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.05);
    transition: all .15s;
    padding-bottom: 10px;
}

#packsData .packItem:hover {
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.25);
}

#packsData .packItem:nth-child(5n) {
    margin-right: 0;
}

#packsData .packItem .coverUrl {
    width: 216px;
    height: 144px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;

}

#packsData .packItem .coverUrl .sectionCount {
    font-size: 14px;
    color: #FFFFFF;
    width: 56px;
    height: 22px;
    line-height: 22px;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 8px 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

#packsData .packItem .coverUrl .friendlyDuration {
    font-size: 14px;
    color: #FFFFFF;
    /* width: 56px; */
    height: 22px;
    line-height: 22px;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 8px 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 7px;

}

#packsData .packItem .coverUrl .friendlyDuration i {
    font-size: 8px;
    line-height: 22px;
    color: #fff;
    margin-right: 3px;
    transform: scale(0.66);
    -webkit-transform: scale(0.66);
}

#packsData .packItem .packTitle {
    padding: 10px 12px 5px;
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#packsData .packItem .expertName {
    padding: 0px 12px 5px;
    font-size: 12px;
    line-height: 18px;
    color: #757575;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#packsData .packItem .freeForVIP {
    font-size: 12px;
    border: 1px solid #3c71ff;
    color: #3c71ff;
    height: 16px;
    margin-left: 12px;
    text-align: center;
    line-height: 16px;
    padding: 0px 3px;
    float: left;

}

#packsData .packItem .price {
    margin-left: 12px;
    color: #3c71ff;
    font-size: 14px;
    line-height: 20px;
}

/* 课程详情 */
#classroomsDetaiHead {
    width: 100%;
    height: 490px;
    background: #141414;
}

#classroomsDetaiHead-wrapper {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    background: #1E1E1E;
}

.classroom-left {
    display: inline-block;
    width: 850px;
    height: 100%;
}

.classroom-right {
    display: inline-block;
    width: 250px;
    padding: 20px 20px 0 20px;
}

.section-count {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
    color: #fff;
}

.classroom-section-item {
    display: block;
    width: 100%;
    height: 56px;
    margin-bottom: 25px;
    cursor: pointer;
}

.section-cover {
    width: 84px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}

.section-title {
    line-height: 20px;
    color: #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.classroom-section-item.checked .section-title {
    color: #fff;
}

.section-friendlyDuration {
    color: #ccc;
}

.classroom-section-item.checked .section-friendlyDuration {
    color: #fff;
}

.section-wrapper {
    /* height: 410px; */
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.section-wrapper::-webkit-scrollbar {
    display: none;
}

.section-Preview, .section-noPreview, .section-playing {
    display: inline-block;
    background: #3c71ff;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 2px 3px;
}

.section-noPreview {
    visibility: hidden;
}

#classroomsTitle {
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    background: #fff;
}

#classroomsTitleLeft {
}

.classroomsTitle {
    display: inline-block;
    overflow: hidden;
    color: #212121;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    white-space: nowrap;
    float: left;
}

.classroomsWatchType {
    display: inline-block;
    border: 1px solid #3c71ff;
    color: #3c71ff;
    padding: 0 4px;
    vertical-align: -webkit-baseline-middle;
}

.classroomsDescription {
    color: #4a4a4a;
    clear: both;
    line-height: 26px;
}

.classroomsHits {
    color: #757575;
}

.classroomsTag {
    display: inline-block;
    margin-right: 8px;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    color: #9B9B9B;
    padding: 0 4px;
    font-size: 12px;
}

#classroomsTitleRight {
    display: inline-block;
    position: relative;
}

.classroomsPrice {
    font-size: 24px;
    color: #3c71ff;
    margin-right: 30px;
}

.classroomsBuyBtn {
    background: #3c71ff;
    color: #fff;
    font-size: 16px;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.classroomsBuyBtn:hover {
    color: #fff;
}

.classroomsBuyCount {
    position: absolute;
    color: #9b9b9b;
    top: 46px;
    width: 120px;
    text-align: center;
    right: 0;
}

#classroomsExpert {
    width: 1160px;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

.classroomsExpert {
    width: 1160px;
    table-layout: fixed;
}

.expertAvatar {
    display: inline-block;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    border: 1px solid #9b9b9b;
}

.expertAvatar img {
    width: 94px;
    height: 94px;
    border-radius: 50%;
}

.expertName {
    font-size: 18px;
    color: #212121;
    /* font-weight: 600; */
}

#expertOccupationalTitles {
    font-size: 14px;
    line-height: 22px;
    color: #757575;
    width: 112px;
    min-height: 44px;
}

.expertDescription {
    line-height: 22px;
    color: #212121;
    font-weight: 500;

}

.wrapper-title2 {
    width: 1160px;
    margin: 0 auto;
    background: #fff;
    padding: 0 20px;
    height: 65px;
    margin-top: 20px;
    position: relative;


}

.wrapper-title2 .left {

    background: #3c71ff;
    width: 5px;
    height: 22px;
    left: 0;
    top: 18px;
    position: relative;
}

.wrapper-title2 .right {

    line-height: 28px;
    position: absolute;
    top: 15px;
    left: 35px;
    font-weight: 600;
    font-size: 20px;
    color: #212121;
}

#classroomsPcIntroduction {
    width: 1160px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    padding-top: 0;
    max-height: 300px;
    overflow: hidden;
}

#showMoreIntroduction {
    width: 1200px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    cursor: pointer;
}

#showMoreIntroduction i {
    display: inline-block;
    color: #9b9b9b;
    transform: scale(.5, .5);
    -webkit-transform: scale(.5, .5);
}

#showMoreIntroduction span {
    color: #757575;
}

#packsData.recommendList {
    width: 1160px;
    padding: 0 20px;
    background: #fff;
    overflow: hidden;

}

#packsData.recommendList .packItem {
    margin: 0 20px 30px 0
}

#packsData.recommendList .packItem:nth-child(5n) {
    margin-right: 0;
}

#packCommunityList {
    width: 1160px;
    margin: 0 auto;
    background: #fff;
    padding: 0 20px;
    border-bottom: 1px solid #E6E6E6;
}

#editCommunityBox {
    width: 1160px;
    margin: 0 auto;
    background: #fff;
    padding: 10px 20px 30px;
}

.editCommunityInput {
    width: 1136px;
    height: 100px;
    background: #FAFAFA;
    border: 1px solid #E6E6E6;
    margin: 0 auto;
}

.publishCommunityBtn {
    background: #3c71ff;
    color: #fff;
    width: 100px;
    line-height: 36px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.publishCommunityBtn:hover {
    color: #fff;
}

.gotoLoginClassrooms {
    text-decoration: underline;
    color: #3c71ff;
    cursor: pointer;
}

.communityItem {
    width: 100%;
    padding: 30px 0 25px;
    border-bottom: 1px dashed #E6E6E6;
}

.communityItem:last-child {
    border-bottom: 0;
}

.replyItem {
    background: #FAFAFA;
    padding: 12px 15px;
    border-bottom: 1px dashed #E6E6E6;
}

.replyItem:first-child {
    margin-top: 10px;
}

.replyItem:last-child {
    border-bottom: 0;
}


/* 购买课程弹框 */
.modal.uzy-modal.paymentPacksModal {
    top: 20%;
    width: 494px;
    margin-left: -247px;
    z-index: 9999;
}

#youzyDialogs_users_userLogin {
    z-index: 9999;
}

.modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step2, .modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step3 {
    width: 650px;
    margin-left: -325px;
}

.modal.uzy-modal.paymentPacksModal .modal-header {
    height: 60px;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #E9E9E9;;
    width: calc(100% - 1px);
    display: block;
    padding: 0;
}

.modal.uzy-modal.paymentPacksModal .modal-header .title-h3 {
    color: #212121;
    font-size: 18px;
    line-height: 60px;
    font-weight: 600;
    position: absolute;
    left: 15px;
    top: 0%;
    margin-top: 0;
}

.modal.uzy-modal.paymentPacksModal .modal-header button.close {
    position: absolute;
    right: 25px;
    top: 22px;
    margin-top: 0;
    color: #ccc;
    font-size: 16px;

}

.modal.uzy-modal.paymentPacksModal .modal-body {
    color: #212121;
    max-height: 700px;
    padding: 0 25px;
}

.modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step2 .modal-body p, .modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step3 .modal-body p {
    line-height: 26px;
    color: #4a4a4a;
    font-size: 16px;
}

.modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step3 .modal-body .btn, .modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step2 .modal-body .btn, .modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step4 .modal-body .btn {
    padding: 0;
    font-size: 18px;
    width: 198px;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step3 .modal-body .btn.js-fail, .modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step2 .modal-body .btn.js-payFailed {
    background: #fff;
    color: #3c71ff !important;
    border: 1px solid #3c71ff;

}

.modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step1 .modal-body > div {
    overflow: hidden;
}

.modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step1 .modal-body > div:nth-child(2) > span {
    display: inline-block;
    line-height: 28px;
}

.modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step1 .modal-body > div:nth-child(3) > span {
    display: inline-block;
    line-height: 40px;
}

.modal.uzy-modal.paymentPacksModal#youzyDialogs_payment_step1 .modal-body > div:nth-child(4) > span {
    display: inline-block;
    line-height: 45px;
}

.modal.uzy-modal.paymentPacksModal .modal-body .PacksContent {
    width: 364px;
    height: 56px;
}

.modal.uzy-modal.paymentPacksModal .modal-body .PacksContent .coverUrl {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 84px;
    height: 56px;
}

.modal.uzy-modal.paymentPacksModal .modal-body .PacksContent .PacksContentRight {
    width: 249px;
    height: 35px;
    border: 1px solid #e6e6e6;
    border-left: 0;
    padding: 10px 15px 9px;
}

.modal.uzy-modal.paymentPacksModal .modal-body .PacksContent .PacksContentRight .packsTitle {
    line-height: 17px;
}

.modal.uzy-modal.paymentPacksModal .modal-body .PacksContent .PacksContentRight .expertName {
    line-height: 17px;
    color: #757575;
    font-size: 12px;
    font-weight: 500;
}

.modal.uzy-modal.paymentPacksModal .modal-body .packsPrice {
    width: 364px;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    color: #3c71ff;
    font-weight: 600;
}

.modal.uzy-modal.paymentPacksModal .modal-body .fm-mobile {
    width: 349px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    padding: 10px 0 10px 15px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
}

.modal.uzy-modal.paymentPacksModal .modal-body .pay-div {
    width: 366px;


}

.modal.uzy-modal.paymentPacksModal .modal-body .pay-div > div {
    float: left;
    display: inline-block;
    width: 168px;
    height: 41px;
    line-height: 41px;
    border: 2px solid #E6E6E6;
    cursor: pointer;
}

.modal.uzy-modal.paymentPacksModal .modal-body .pay-div > div.checked {
    border: 2px solid #3c71ff;
}

.modal.uzy-modal.paymentPacksModal .modal-body .pay-div > div > img {
    vertical-align: top;
    position: relative;
}

.modal.uzy-modal.paymentPacksModal .modal-body .pay-div > div > p {
    display: inline-block;
}

.modal.uzy-modal.paymentPacksModal .modal-body .js-payBottom {
    width: 364px;
    padding: 0 0 20px 0;
    min-height: 101px;
}

.modal.uzy-modal.paymentPacksModal .modal-body .js-payBottom .js-goToPay {
    width: 290px;
    height: 46px;
    padding: 0;
    text-align: center;
    line-height: 46px;
    font-size: 18px;
}

.modal.uzy-modal.paymentPacksModal .modal-body .js-payBottom #fm-wxBox {
    width: 170px;
    height: 170px;
    border: 1px solid #E6E6E6;
}

.modal.uzy-modal.paymentPacksModal .modal-body .js-payBottom .fm-wxBox p {
    width: 154px;
    padding: 0 9px;
    line-height: 22px;
}

/*院校列表*/
.uzy-classify .classify .content {
    height: auto;
    margin-bottom: 20px;
    padding-left: -1px
}

.uzy-classify .classify .content:before,
.uzy-classify .classify .content:after {
    display: table;
    content: "";
    line-height: 0
}

.uzy-classify .classify .content:after {
    clear: both
}

.uzy-classify .classify .content a {
    font-size: 14px;
    color: #6d6d6d;
    border: 1px solid #e9e9e9;
    margin-top: -1px;
    margin-left: -1px;
    padding: 8px 0;
    text-align: center;
    display: block;
    float: left;
    position: relative;
    cursor: pointer
}

.uzy-classify .classify .content a span {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 7px;
    height: 7px;
    display: inline-block
}

.uzy-classify .classify .content a:hover {
    background: #e9e9e9;
    color: #6d6d6d
}

.uzy-classify .classify .content a.active {
    background: #3c71ff;
    color: #fff
}

.uzy-classify .classify .content a.active:hover {
    background: #d03118;
    color: #fff
}

.uzy-classify .classify .content a.active.all {
    background: #efefef;
    color: #444;
    text-align: center
}

.uzy-classify .classify .content.col4 a {
    width: 69px;
}

.uzy-classify .classify .content.col4 a.active {
    /* padding-left:10px; */
    width: 69px;
    /* text-align:left; */
}

.uzy-classify .classify .content.col4 a.active.all {
    width: 69px;
    /* padding-left:0; */
    text-align: center
}

.uzy-classify .classify .content.col3 a {
    width: 92px
}

.uzy-classify .classify .content.col2 a {
    width: 148.5px
}

.uzy-classify .classify .content.col1 a {
    width: 298px
}


.college-search {
    width: 100%;
    height: 48px;
}

.college-search .box {
    position: relative
}

.college-search .box label {
    position: absolute;
    top: 0;
    left: 8px;
    line-height: 48px;
    color: #999;
    font-size: 14px
}

.college-search input {
    height: 38px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    float: left
}

.college-search a {
    display: block;
    width: 116px;
    height: 48px;
    background: #3c71ff;
    float: right;
    color: #fff;
    line-height: 48px;
    text-align: center;
    font-size: 16px
}

.college-search a:hover {
    background: #d03118
}

.pdlr16 {
    padding: 0 16px;
}

.college-list .college-list-head {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    clear: both;
}

.college-list .college-list-head span {
    padding-bottom: 20px;
    cursor: pointer;
    line-height: 45px;
    margin-right: 20px;
}

.college-list .college-list-head .college-all-box {
    float: right;
    font-size: 20px;
    line-height: 45px;
    background: url(../images/daxuelogo.png) no-repeat left;
    text-indent: 33px;
}

.college-list .college-list-head .college-all-box a {
    color: #E84D35;
}

.uzy-college-list {
    border-top: 1px solid #e5e5e5;
    margin-top: 5px;
}

.uzy-college-list li {
    padding: 20px 0;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
}

.uzy-college-list li:last-child {
    border: none;
}

.uzy-college-list li:hover {
    background: #fafafa;
}

.uzy-college-list .mark {
    width: 120px;
    text-align: left;
    float: left;
    width: 100px;
}

.uzy-college-list .mark img {
    width: 80px;
}

.uzy-college-list .info {
    width: 408px;
    margin-right: 20px;
}

.uzy-college-list .info {
    width: 620px;
    height: auto;
    float: left;
    color: #6d6d6d;
}

.uzy-college-list .info .top {
    height: auto;
    overflow: hidden;
}

.uzy-college-list .info .top a.name {
    font-size: 20px;
    color: #333;
    float: left;
}

.uzy-college-list .info .bottom {
    padding: 10px 0 0;
    overflow: hidden;
    width: 95%;
}

.uzy-college-list .info .bottom li {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    font-size: 14px;
    display: block;
    padding: 0;
    border: none;
}

.uzy-college-list .info .bottom {
    padding: 10px 0 0;
    overflow: hidden;
    width: 95%;
}

.uzy-college-list .concern {
    width: 80px;
    float: right;
    text-align: center;
    padding-top: 20px;
}

.uzy-college-list .concern span {
    cursor: pointer
}

.uzy-college-list .concern .hot {
    font-size: 12px;
    color: #999;
    margin-top: 10px
}

.uzy-college-list .info .bottom li {
    width: auto;
    margin-right: 10px
}

.uzy-college-list .college-types {
    display: inline-block;
    margin-right: 10px;
    height: 18px;
    font-size: 12px;
    color: #FF8007;
    padding: 0px 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ff8007;
    border-radius: 5px;
    text-align: center
}