@charset "UTF-8";
@font-face {
    font-family: "sourcehansans";
    /* 这个名字可以自己定义 */
    src: url("../fonts/sourcehansans.eot");
    /* IE9 Compat Modes */
    /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
    src: url("../fonts/sourcehansans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/sourcehansans.woff") format("woff"), /* Modern Browsers */
    url("../fonts/sourcehansans.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/sourcehansans.svg#YourWebFontName") format("svg");
    /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "FZXiaoBiaoSong-B05S";
    /* 这个名字可以自己定义 */
    src: url("../fonts/FZXiaoBiaoSong-B05S.ttf");
}

@font-face {
    font-family: "KaiTi_GB2312";
    /* 这个名字可以自己定义 */
    src: url("../fonts/KaiTi_GB2312.ttf");
}

@font-face {
    font-family: "FangSong_GB2312";
    /* 这个名字可以自己定义 */
    src: url("../fonts/FangSong_GB2312.ttf");
}
* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    -webkit-overflow-scrolling: auto;
    font-family:"sourcehansans";
    color: #333;
}

ul,
ol {
    list-style-type: none;
}
select,
input,
img,
select {
    outline: none;
    max-width: 100%;
    background: none;
    vertical-align: top;
}

i{
display:block;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* 去除IE输入框的叉号 */
::-ms-clear, ::-ms-reveal{
    display:none;
}

button {
    cursor: pointer;
    outline: 0;
    border: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl,
.clearfix {
    clear: both;
    display: block;
}

h4 {
    font-weight: normal;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

ul li {
    list-style: none;
}

input,
button,
select,
textarea {
    outline: none;
    /* font-family: "Microsoft Yahei", "微软雅黑", "宋体", arial, "Hiragino Sans GB", Tahoma, Arial, Helvetica, STHeiti; */
font-family: "sourcehansans";
   /* -webkit-font-family: "sourcehansans";
-moz-font-family: "sourcehansans";
-ms-font-family: "微软雅黑";
-o-font-family: "sourcehansans";*/
 border: none;
}

textarea {
    resize: none;
    background: none;
}

select {
    /* 解决select下拉箭头在ios上不兼容的问题 */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 0.3rem;
    padding-right: 1rem;
    border: 0px solid #E50012;
}

dl {
    padding: 0px;
    margin: 0px;
}

dl dt {
    padding: 0px;
    margin: 0px;
}

dl dd {
    padding: 0px;
    margin: 0px;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

body {
    margin: 0 auto;
    position: relative;
}

.con {
    clear: both;
    display: block;
    overflow: hidden;
}

.conx {
    clear: both;
    display: block;
}

.top {
    padding-top: 2.5rem;
    padding-bottom: 1.875rem;
    overflow: hidden;
    background: url("../img/bg.png") no-repeat;
    background-size: cover;
}

.topx {
    padding-top: 2.5rem;
    padding-bottom: 1.875rem;
    height: 8rem;
    background: url("../img/bg.png") no-repeat;
    background-size: cover;
}

.topx .topr {
    display: block;
}

.topl {
    float: left;
}

.topl a img {
    width: 29rem;
}

.topr {
    float: right;
}

.topr a {
    line-height: 2.75rem;
}

.topr a span {
    float: left;
    line-height: 2.75rem;
    margin-right: 0.625rem;
    display: inline-block;
    color: #da0020;
    font-size: 0.9375rem;
}

.topr a span:nth-child(1) {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 2.75rem;
}

.topr a span:nth-child(1) img {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 2.75rem;
}

.topr a span:nth-child(3) img {
    margin-top: 0.8rem;
    width: 0.9rem;
    height: 0.9rem;
}

.top .con:nth-child(2) {
    display: none;
}

.toprr {
    float: right;
    position: relative;
    height: 2.75rem;
    width: 200px;
}

.toprr a {
    line-height: 2.75rem;
}

.toprr a span {
    float: left;
    line-height: 2.75rem;
    margin-right: 0.625rem;
    display: inline-block;
    color: #da0020;
    font-size: 0.9375rem;
}

.toprr a span:nth-child(1) {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 2.75rem;
}

.toprr a span:nth-child(1) img {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 2.75rem;
}

.toprr a span:nth-child(3) img {
    margin-top: 0.8rem;
    width: 0.9rem;
    height: 0.9rem;
}

.toprr:hover ul {
    display: block;
}

.toprr ul {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 1rem;
    top: 2.75rem;
    background: #fdc500;
    width: 150px;
    text-align: center;
    height: auto;
    overflow: hidden;
    z-index: 100;
    border-radius: 0.5rem;
    display: none;
}

.toprr ul li {
    padding: 0;
    margin: 0;
    height: 2rem;
    line-height: 2rem;
    text-align: left;
    padding-left: 1.5rem;
    color: #f7f7f7;
    font-size: 0.9375rem;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.toprr ul li:hover {
    background: #da0020;
}

.toph {
    display: none;
}

.daohangn {
    background: #da0020;
    height: 3.75rem;
}

.daohangn .daohangl {
    float: left;
}

.daohangn .daohangl a {
    float: left;
    margin-top: 0.325rem;
    color: #f7f7f7;
    font-weight: 500;
    line-height: 3rem;
    font-size: 1.125rem;
    margin-right: 1rem;
}

.daohangn .daohangr {
    float: right;
    margin-top: 0.325rem;
    position: relative;
}

.daohangn .daohangr a {
    float: left;
    color: #f7f7f7;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 3rem;
}

.daohangn .daohangr span {
    float: left;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #f7f7f7;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 3rem;
}

.daohang {
    background: #da0020;
    height: 3.75rem;
}

.daohang .daohangl {
    float: left;
}

.daohang .daohangl a {
    color: #d3d3d3;
    font-size: 1.125rem;
    display: inline-block;
    float: left;
    display: block;
    width: 6.25rem;
    height: 3.75rem;
    line-height: 3.75rem;
    margin-right: 0.625rem;
    text-align: center;
    position: relative;
}

.daohang .daohangl a:after {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 50%;
    margin-left: -3.0625rem;
    bottom: 0;
    content: " ";
    display: block;
    width: 6.125rem;
    height: 0rem;
    background: url(../img/index_15.png) no-repeat;
    background-size: 6.125rem 0rem;
}

.daohang .daohangl a.on {
    color: #ffffff;
    font-weight: 500;
}

.daohang .daohangl a.on:after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -3.0625rem;
    bottom: 0;
    width: 6.125rem;
    height: 0.75rem;
    background: url(../img/index_15.png) no-repeat;
    background-size: 6.125rem 0.75rem;
    background-position: center bottom;
}

.daohang .daohangl a:hover {
    color: #ffffff;
    font-weight: 500;
}

.daohang .daohangl a:hover:after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -3.0625rem;
    bottom: 0;
    width: 6.125rem;
    height: 0.75rem;
    background: url(../img/index_15.png) no-repeat;
    background-size: 6.125rem 0.75rem;
    background-position: center bottom;
}

.daohang .daohangr {
    float: right;
    margin-top: 0.625rem;
    position: relative;
}

.daohang .daohangr span {
    float: right;
}

.daohang .daohangr span input {
    width: 18rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #ffffff;
    color: #333333;
    font-size: 1.125rem;
    text-align: left;
    border-radius: 1.25rem;
    padding-left: 1.25rem;
    border: 1px solid #f5f5f5;
}

.daohang .daohangr span img {
    width: 1.375rem;
    height: 1.625rem;
}

.daohang .daohangr span.ico {
    position: absolute;
    right: 2rem;
    top: 0.4375rem;
    cursor: pointer;
}

.daohang .daohangr span.ico img {
    height: 1.625rem;
}

.daohang .topr {
    display: none;
}

.daohangxx {
    background: #da0020;
    height: 3.75rem;
}

.daohangxx .daohanglx {
    float: left;
}

.daohangxx .daohanglx a {
    color: #d3d3d3;
    font-size: 1.125rem;
    display: inline-block;
    float: left;
    display: block;
    width: 6.25rem;
    height: 3.75rem;
    line-height: 3.75rem;
    margin-right: 0.625rem;
    text-align: center;
    position: relative;
}

.daohangxx .daohanglx a:after {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 50%;
    margin-left: -3.0625rem;
    bottom: 0;
    content: " ";
    display: block;
    width: 6.125rem;
    height: 0rem;
    background: url(../img/index_15.png) no-repeat;
    background-size: 6.125rem 0rem;
}

.daohangxx .daohanglx a.on {
    color: #ffffff;
    font-weight: 500;
}

.daohangxx .daohanglx a.on:after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -3.0625rem;
    bottom: 0;
    width: 6.125rem;
    height: 0.75rem;
    background: url(../img/index_15.png) no-repeat;
    background-size: 6.125rem 0.75rem;
    background-position: center bottom;
}

.daohangxx .daohanglx a:hover {
    color: #ffffff;
    font-weight: 500;
}

.daohangxx .daohanglx a:hover:after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -3.0625rem;
    bottom: 0;
    width: 6.125rem;
    height: 0.75rem;
    background: url(../img/index_15.png) no-repeat;
    background-size: 6.125rem 0.75rem;
    background-position: center bottom;
}

.daohangxx .daohangrx {
    float: right;
    margin-top: 0.625rem;
    position: relative;
}

.daohangxx .daohangrx span {
    float: right;
}

.daohangxx .daohangrx span input {
    width: 18rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #ffffff;
    color: #333333;
    font-size: 1.125rem;
    text-align: left;
    border-radius: 1.25rem;
    padding-left: 1.25rem;
}

.daohangxx .daohangrx span img {
    width: 1.375rem;
    height: 1.625rem;
}

.daohangxx .daohangrx span.ico {
    position: absolute;
    right: 2rem;
    top: 0.4375rem;
    cursor: pointer;
}

.daohangxx .toprx {
    display: none;
}

.newsa {
    padding-top: 1rem;
    overflow: hidden;
}

.newsa .newstit {
    height: 3.125rem;
    line-height: 3.125rem;
    border-bottom: 1px solid #d3d3d3;
    clear: both;
}

.newsa .newstit ul li {
    float: left;
    color: #333333;
    margin-right: 3rem;
    width: 6rem;
    cursor: pointer;
    text-align: center;
    font-size: 1.1rem;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsa .newstit ul li:after {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    content: " ";
    left: 0%;
    width: 0rem;
    height: 0px;
    bottom: 0;
    background: #da0020;
    display: block;
    margin-left: 0rem;
}

.newsa .newstit ul li.on {
    color: #da0020;
}

.newsa .newstit ul li.on:after {
    position: absolute;
    content: " ";
    left: 50%;
    width: 5rem;
    height: 2px;
    bottom: 0;
    background: #da0020;
    display: block;
    margin-left: -2.5rem;
}

.newsa .newstit ul li:hover {
    color: #da0020;
}

.newsa .newstit ul li:hover:after {
    position: absolute;
    content: " ";
    left: 50%;
    width: 5rem;
    height: 2px;
    bottom: 0;
    background: #da0020;
    display: block;
    margin-left: -2.5rem;
}

.newsa .newscon {
    clear: both;
    display: block;
    padding-bottom: 1rem;
    overflow: hidden;
}

.newsa .newscon .newsconl {
    width: 35rem;
    text-align: left;
    padding-top: 1.875rem;
    float: left;
}

.newsa .newscon .newsconl a img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.newsa .newscon .newsconl a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 15px;
}

.newsa .newscon .newsconl strong {
    display: block;
    padding-top: 0.625rem;
    line-height: 3.125rem;
}

.newsa .newscon .newsconl strong a {
    height: 3.125rem;
    color: #333333;
    font-size: 1.125rem;
}

.newsa .newscon .newsconl strong a:hover {
    font-weight: 700;
    color: #da0020;
}

.newsa .newscon .newsconl p {
    text-align: left;
    color: #999999;
    font-size: 0.9375rem;
    line-height: 1.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.newsa .newscon .newsconr {
    width: 36.25rem;
    float: right;
    padding-top: 0.9375rem;
}

.newsa .newscon .newsconr ul {
    padding-left: 0.625rem;
}

.newsa .newscon .newsconr ul li {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    height: 3.75rem;
    line-height: 2.5rem;
    white-space: nowrap;
    border-bottom: 1px solid #d3d3d3;
}

.newsa .newscon .newsconr ul li a {
    color: #333333;
    font-size: 0.9375rem;
    padding-left: 1.5rem;
    position: relative;
}

.newsa .newscon .newsconr ul li a:after {
    content: "〇";
    color: #999999;
    font-size: 0.8125rem;
    position: absolute;
    left: 0px;
    top: -11px;
    display: block;
}

.newsa .newscon .newsconr ul li a span {
    float: right;
    color: #999999;
    font-size: 0.8125rem;
}

.newsa .newscon .newsconr ul li a:hover {
    color: #da0020;
}

.newsa .newscon .newsconr .more {
    clear: both;
    display: block;
    padding-top: 1.25rem;
    padding-left: 0.625rem;
}

.newsa .newscon .newsconr .more a {
    color: #da0020;
    font-size: 0.9375rem;
    text-align: left;
}

.newsa .newscon .newsconr .more a:hover {
    font-weight: 500;
}

.nbtit {
    height: 3.375rem;
    line-height: 2.25rem;
    padding-bottom: 1.125rem;
    border-bottom: 1px solid #d3d3d3;
}

.nbtit strong {
    color: #333333;
    font-size: 1.375rem;
    padding-top: 0.5rem;
    position: relative;
    padding-left: 0.9375rem;
}

.nbtit strong:after {
    content: " ";
    background: #da0020;
    width: 0.25rem;
    height: 2.25rem;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.nbtit span {
    color: #999999;
    font-size: 0.8125rem;
}

.nbtit a {
    color: #da0020;
    float: right;
    font-size: 1.125rem;
}

.nbtit a:hover {
    font-weight: 500;
}

.newsb {
    overflow: hidden;
}

.newsb .newsbl {
    width: 36.25rem;
    float: left;
}

.newsb .newsbl .nbcon {
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    overflow: hidden;
}

.newsb .newsbl .nbcon ul {
    width: 100%;
}

.newsb .newsbl .nbcon ul li {
    display: inline-block;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    width: 25%;
    text-align: center;
    float: left;
}

.newsb .newsbl .nbcon ul li a img {
    width: 3rem;
    height: 3rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsb .newsbl .nbcon ul li a p {
    color: #333333;
    font-size: 0.9375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsb .newsbl .nbcon ul li a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.newsb .newsbl .nbcon ul li a:hover p {
    color: #da0020;
    font-weight: 700;
}

.newsb .newsbr {
    width: 36.25rem;
    float: right;
}

.newsb .newsbr .nbrcon {
    clear: both;
    display: block;
    padding-top: 1.5625rem;
}

.newsb .newsbr .nbrcon ul {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.newsb .newsbr .nbrcon ul li {
    font-size: 0;
    float: left;
    width: 50%;
}

.newsb .newsbr .nbrcon ul li a {
    display: inline-block;
    clear: both;
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    overflow: hidden;
}

.newsb .newsbr .nbrcon ul li a img {
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
    height: 110px;
}

.newsb .newsbr .nbrcon ul li a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 15px;
}

.newsc {
    clear: both;
    display: block;
}

.newsc .con {
    padding-bottom: 0.875rem;
}

.newsc .nbcon {
    padding-top: 0.875rem;
}

.newsc .nbcon a img {
    width: 17.75rem;
    height: 13.3125rem;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsc .nbcon a p {
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    color: #333333;
    font-size: 0.9375rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsc .nbcon a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.newsc .nbcon a:hover p {
    color: #da0020;
}

.ad {
    margin-bottom: 1rem;
}

.bottom {
    background: #da0020;
    padding: 20px;
}

.bott {
    text-align: center;
    color: #d3d3d3;
    font-size: 0.9375rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    position: relative;
    overflow: hidden;
}

.bott a {
    display: inline-block;
    color: #d3d3d3;
}

.bott a:hover {
    font-weight: 500;
    color: #ffffff;
}

.bott span {
    display: inline-block;
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
}

.bott:after {
    content: " ";
    height: 2px;
    width: 50rem;
    display: block;
    position: absolute;
    left: 50%;
    background: url(../img/btb_03.jpg) no-repeat;
    background-position: center center;
    margin-left: -25rem;
    bottom: 0px;
}

.botx {
    color: #d3d3d3;
    font-size: 0.9375rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    overflow: hidden;
    position: relative;
}

.botx p {
    clear: both;
    display: block;
    text-align: center;
    line-height: 1.875rem;
}


/*list*/

.newslist .newstop {
    padding-left: 1rem;
    color: #333;
    font-size: 1.375rem;
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.newslist .newstop:after {
    content: " ";
    background: #da0020;
    width: 0.25rem;
    height: 1.5rem;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0rem;
}

.newslist .newstop span {
    float: left;
    color: #333333;
    font-size: 0.9375rem;
}

.newslist .newstop span.on {
    color: #da0020;
}

.newslistl {
    border-right: 1px solid #dddddd;
    width: 274px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    float: left;
}

.newslistl ul {
    margin-left: 20px;
}

.newslistl ul li {
    clear: both;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}/* 各大商场 */

.newslistl ul li a {     /* z-index: -2; */
     margin-right: 0.25px;
        padding-left: 2.1rem;
        padding-right: 1.2rem;
        display:block;
        height: 55px;
        line-height: 55px;
        width:229.5px;
        text-align: center;
        color: #333333;
        font-size: 1.125rem;
        border-radius: 5px;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.1s ease-in-out;
		/* 新加样式 */
		background-color: #fff;
		box-shadow: 2px 1px 6px #d3d3d3; 
}

.newslistl ul li a:after {
   
    color: #999999;
    font-size: 0.9375rem;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
margin-left: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newslistl ul li.on a {/* 新加样式 */
    font-size: 1.125rem;   background: linear-gradient(180deg, #cf4f26 0%,#a00314 100%);
    box-shadow: 2px 1px 6px #d3d3d3;
    color: #fff;
}

.newslistl ul li.on a:after {
    color: #fdc500;
}

.newslistl ul li.on a:before {/* 
    content: " ";
    width: 2px;
    height: 94px;
    background: #fdc500;
    display: block;
    position: absolute;
    right: -25px;
    top: 0px; */
	/* 新加样式 */
	background: linear-gradient(180deg, #cf4f26 0%, #a00314 100%);
	/* background: red; */
	content: " ";
	 width: 229px;
	 height: 55px;
	display: block;
	 position: absolute;
	 right: 0px;
	 top: 0px;
	 border-radius: 5px;
	z-index: -1;
}

.newslistl ul li:hover a {
    font-size: 1.125rem;
    /* box-shadow: 2px 1px 6px #d3d3d3; */
	/* 新加样式 * */
		
	    border-radius: 5px;
	    background: linear-gradient(180deg, #cf4f26 0%, #a00314 100%);
		color: #fff;
		
}

.newslistl ul li:hover a:after {
    color: #fdc500;
}

.newslistl ul li:hover a:before {

/* 
    background: red;
    display: block;    box-shadow: 2px 1px 6px #FFF7F2; */
  
}

.newslistlw {
    border-right: 1px solid #dddddd;
    width: 274px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    float: left;
}

.newslistlw ul {
    margin-left: 20px;
}

.newslistlw ul li {
    clear: both;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.newslistlw ul li a {
    padding-left: 35px;
    margin-right: 25px;
    height: 88px;
    line-height: 88px;
    text-align: left;
    color: #333333;
    font-size: 1.125rem;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.newslistlw ul li a:after {
    content: "•";
    color: #999999;
    font-size: 0.9375rem;
    float: left;
    margin-top: 0px;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newslistlw ul li.on a {
    font-size: 1.125rem;
    box-shadow: 2px 1px 6px #d3d3d3;
}

.newslistlw ul li.on a:after {
    color: #fdc500;
}

.newslistlw ul li.on a:before {
    content: " ";
    width: 2px;
    height: 94px;
    background: #fdc500;
    display: block;
    position: absolute;
    right: -25px;
    top: 0px;
}

.newslistlw ul li:hover a {
    font-size: 1.125rem;
    box-shadow: 2px 1px 6px #d3d3d3;
}

.newslistlw ul li:hover a:after {
    color: #fdc500;
}

.newslistlw ul li:hover a:before {
    content: " ";
    width: 2px;
    height: 94px;
    background: #fdc500;
    display: block;
    position: absolute;
    right: -25px;
    top: 0px;
}

.newslistr {
    width: 925px;
    float: left;
    padding-left: 34px;
    padding-bottom: 30px;
}

.newslistr.on {
    width: 100%;
    float: none;
    padding-left: 0px;
}

.newslistr.on dl dd {
    padding-left: 33px;
    width: 930px;
}

.newslistr dl {
    clear: both;
    display: flex;
    padding-bottom: 20px;
}

.newslistr dl dt {
    float: left;
    width: 226px;
    height: 152px;
}

.newslistr dl dt a img {
    width: 226px;
    height: 152px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.newslistr dl dt a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.newslistr dl dd {
    float: left;
    width: 640px;
    text-align: left;
    /* padding-left: 20px; */
    padding-top: 10px;
}

.newslistr dl dd a {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newslistr dl dd a:hover {
    color: #da0020;
}

.newslistr dl dd p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    padding-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newslistr .piclist {
    width: 100%;
}

.newslistr .piclist li {
    float: left;
    width: 288px;
    margin-right: 13px;
    margin-bottom: 13px;
}

.newslistr .piclist li:nth-child(3n) {
    margin-right: 0px;
}

.newslistr .piclist li a {
    position: relative;
}

.newslistr .piclist li a img {
    width: 288px;
    height: 260px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.newslistr .piclist li a p {
    text-align: center;
    position: absolute;
    left: 0px;
    color: #ffffff;
    font-size: 0.9375rem;
    bottom: 2.1rem;
    background: rgba(0, 0, 0, 0.5);
    height: 1.875rem;
    line-height: 1.875rem;
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 0px 0px 10px 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newslistr .piclist li a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.newslistr .gglilst li {
    clear: both;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}

.newslistr .gglilst li:hover .dt {
    float: left;
    width: 5rem;
    height: 5rem;
    border-radius: 0.6rem;
    background: #fdc500;
}

.newslistr .gglilst li:hover .dt strong {
    width: 100%;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 2.34375rem;
    display: block;
    color: #ffffff;
}

.newslistr .gglilst li:hover .dt p {
    width: 100%;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.40625rem;
    display: block;
    color: #ffffff;
}

.newslistr .gglilst li:hover .dd a {
    color: #da0020;
}

.newslistr .gglilst li:hover .dd a:after {
    content: " ";
    background: #fdc500;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0px;
    bottom: 0;
}

.newslistr .gglilst li .dt {
    float: left;
    width: 5rem;
    height: 5rem;
    border-radius: 0.6rem;
    background: #ffffff;
    border: 1px solid #fdc500;
}

.newslistr .gglilst li .dt strong {
    width: 100%;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 2.34375rem;
    display: block;
    color: #fdc500;
}

.newslistr .gglilst li .dt p {
    width: 100%;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.40625rem;
    display: block;
    color: #999999;
}

.newslistr .gglilst li .dd {
    width: 50rem;
    padding-left: 2rem;
    padding-top: 0.2rem;
}

.newslistr .gglilst li .dd a {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    padding-bottom: 15px;
    position: relative;
}

.newslistr .gglilst li .dd a:after {
    content: " ";
    background: #fdc500;
    width: 4rem;
    height: 4px;
    position: absolute;
    left: 0px;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newslistr .gglilst li .dd p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newslistr .zhidu {
    padding-left: 0rem;
    padding-right: 0rem;
}

.newslistr .zhidu li {
    clear: both;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    background: #f7f7f7;
    border-radius: 1rem;
}

.newslistr .zhidu li:hover {
    background: #fdc500;
}

.newslistr .zhidu li:hover a {
    color: #f7f7f7;
    font-size: 1.2375rem;
}

.newslistr .zhidu li:hover p {
    color: #f7f7f7;
}

.newslistr .zhidu li a {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: inline-block;
    font-weight: 500;
    height: 1.6875rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    padding-bottom: 15px;
    position: relative;
}

.newslistr .zhidu li p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.page {
    clear: both;
    display: block;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
}

.page a {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.page a:hover {
    background: #da0020;
    color: #ffffff;
}

.page a.on {
    background: #da0020;
    color: #ffffff;
}

.zikutit {
    padding-bottom: 15px;
    text-align: center;
}

.zikutit a {
    display: block;
    float:left;
    margin-bottom:15px;
    width: 10rem;
    height: 3.125rem;
    border: 1px solid #d3d3d3;
    color: #333333;
    border-radius: 2rem;
    text-align: center;
    line-height:3.125rem;
    margin-left: 0.5rem;
    margin-right: 2.5rem;
}

.zikutit a:hover {
    background: #da0020;
    border: 1px solid #da0020;
    color: #f7f7f7;
    box-shadow: 1px 2px 2px 1px #da0020;
}

.zikutit a.on {
    background: #da0020;
    border: 1px solid #da0020;
    color: #f7f7f7;
    
}

.btit {
    clear: both;
    display: block;
    height: 50px;
}

.btitl {
    float: left;
}

.btitl a {
    font-size: 0.9375rem;
    color: #999999;
    display: inline-block;
}

.btitl a:hover {
    color: #da0020;
}

.btitl span {
    font-size: 0.9375rem;
    color: #999999;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    display: inline-block;
}

.btitr {
    float: right;
}

.btitr .sp1 {
    float: left;
    margin: 0.5rem 1rem 0rem 0;
}

.btitr .sp1 img {
    width: 25px;
    height: 20px;
border-radius: 0;
}

.btitr .sp2 {
    float: left;
    color: #f7f7f7;
    font-size: 0.9375rem;
    padding-left: 0.5rem;
    padding-right: 1rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    display: inline-block;
    position: relative;
    background-color: #ffc500;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 10;
}

.btitr .sp2 span {
    float: left;
}

.btitr .sp2 span:nth-child(1) {
    margin-left: 1rem;
}

.btitr .sp2 span:nth-child(2) {
    margin-left: 0.25rem;
}

.btitr .sp2 span:nth-child(2) img {
    width: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btitr .sp2 img {
    margin-top: 0.65rem;
    display: inline-block;
}

.btitr .sp2 ul {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 2rem;
    background: #fff5b9;
    width: 100%;
    text-align: center;
    height: auto;
    overflow: hidden;
    z-index: 100;
    display: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.btitr .sp2 ul li {
    padding: 0;
    margin: 0;
    line-height: 2rem;
    text-align: left;
    padding-left: 1rem;
    color: #333;
    font-size: 0.9375rem;
    white-space: wrap;
    cursor: pointer;
    border-bottom: 1px solid #ffea65;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btitr .sp2 ul li:hover {
    background: #ffffff;
}

/*.btitr .sp2:hover span img {
    -webkit-transform: translateY(0px) rotate(180deg);
    -ms-transform: translateY(0px) rotate(180deg);
    -o-transform: translateY(0px) rotate(180deg);
    transform: translateY(0px) rotate(180deg);
}*/

.btitr .sp2:hover ul {
    display: block;
}

.lunbol {
    width: 790px;
    height: 380px;
    float: left;
}

.lunbol .swiper-container {
    width: 100%;
}

.lunbol .swiper-container .swiper-slide {
    position: relative;
    width: 100%;
}

.lunbol .swiper-container .swiper-slide .img {
    width: 100%;
}

.lunbol .swiper-container .swiper-slide .neirong {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.lunbol .swiper-container .swiper-slide .neirong .sp1 {
    position: absolute;
    right: 0.6rem;
    top: 0.45rem;
}

.lunbol .swiper-container .swiper-slide .neirong .sp1 img {
    width: 3.125rem;
    height: 3.125rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit {
    margin-top: 15.225rem;
    padding-left: 0.78rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit,.lunbol .swiper-container .swiper-slide .neirong .lbtit a{
    color: #f7f7f7;
    font-size: 1rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit1 {
    margin-top: 1rem;
    padding-left: 0.78rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit1 span {
    border-radius: 1rem;
    padding: 0.1rem 0.4rem;
    color: #f7f7f7;
    font-size: 0.8125rem;
  height:20px;
      line-height:20px;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit1 span:nth-child(1) {
    background: #ff888e;
    margin-left: 0.5rem;
}

.lbtit1 .blue {
    background: #04cad5;
    margin-left: 0.2rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 {
    margin-top: 0.8rem;
    padding-left: 0.78rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span {
    padding: 0rem 0rem;
    color: #f7f7f7;
    font-size: 0.8125rem;
    display: inline-block;
    float: left;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(1) {
    margin-left: 0.4rem;
    margin-top: 0;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(1) img {
    width: 2rem;
    height: 2rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(2) {
    padding-top: .5rem;
    margin-left: 0.5rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(3) {
    padding-top: .5rem;
    margin-left: 2.2rem;
}

.lunbol .swiper-container .swiper-button-next {
    display: block;
    width: 1.4rem;
    height: 2rem;
    background: url(../img/chevron-right.png);
    background-size: cover;
    right: 70px;
    top: auto;
    cursor: pointer;
    bottom: 2.03125rem;
}

.lunbol .swiper-container .swiper-button-prev {
    display: block;
    width: 1.4rem;
    height: 2rem;
    background: url(../img/chevron-left.png);
    background-size: cover;
    left: auto;
    right: 100px;
    top: auto;
    cursor: pointer;
    bottom: 2.03125rem;
}

.lunbor {
    width: 378px;
    float: right;
    background: #fff;
    padding-bottom: 1rem;
    border-radius: 1rem;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px 0px #d3d3d3;
    margin-right: 6px;
    z-index: 1;
}

.lunbor .img {
    width: 378px;
    height: 245px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.star {
    position: absolute;
    right: 0.6rem;
    top: 0.45rem;
    width: 3.125rem;
    height: 3.125rem;
}

.lubc {
    margin-top: 1rem;
    padding-left: 0.78rem;
    padding-bottom: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.lubc a {
    color: #333;
    font-size: 1rem;
}

.lubc a span {
    color: #da0020;
}

.lubc a:hover {
    color: #da0020;
}

.lubdl {
    margin-top: 0.5rem;
    padding-left: 0.78rem;
    float: left;
}

.lubdl span {
    display:block;
    float:left; 
    height:1.5rem;
    line-height:1.5rem;
    margin-right:0.1rem;
    border-radius: 1rem;
    padding: 0.05rem 0.4rem;
    color: #f7f7f7;
    font-size: 0.8125rem;
}

.lubdl span:nth-child(1) {
    background: #ff888e;
    margin-left: 0.5rem;
}

.lubdl span:nth-child(2) {
    background: #04cad5;
    margin-left: 0.2rem;
}

.lubdr {
    margin-top: 0.5rem;
    padding-left: 0.78rem;
    padding-right: 0.78rem;
    float: right;
}

.lubdr span {
    padding: 0rem 0rem;
    color: #999999;
    font-size: 0.8125rem;
    display: inline-block;
    float: left;
}

.lubdr span:nth-child(1) {
    margin-left: 0.4rem;
    margin-top: 0rem;
}

.lubdr span:nth-child(1) img {
    width: 2rem;
    height: 2rem;
}

.lubdr span:nth-child(2) {
    margin-left: 0.5rem;
    line-height: 2rem;
}

.lubdr span:nth-child(3) {
    margin-left: 2.2rem;
    line-height: 2rem;
}

.lube {
    margin-top: 0.5rem;
    padding-left: 0.78rem;
    clear: both;
    display: block;
    color: #999999;
    font-size: #333333;
}

.plist {
    clear: both;
    display: block;
}

.plist dl {
    width: 378px;
    float: left;
    background: #fff;
    border-radius: 1rem;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px 0px #d3d3d3;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.plist dl:nth-child(3n) {
    margin-right: 0px;
}

.plist dl:nth-child(3n+1) {
    margin-left: 0px;
}

.plist dl dt {
    width: 378px;
    height: 240px;
    border-radius: 0.5rem 0.5rem 0 0;
    overflow: hidden;
}

.plist dl dt a {
    border-radius: 0.5rem 0.5rem 0 0;
}

.plist dl dt a .img {
    width: 378px;
    height: 240px;
    border-radius: 0.5rem 0.5rem 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.plist dl dt a:hover .img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.kaoshilist {
    clear: both;
    display: block;
    padding-top: 1rem;
}

.kaoshilist ul li {
    padding: 0;
    margin: 0;
    border: 1px solid #d3d3d3;
    margin-bottom: 1.2rem;
    padding: 2rem 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

.kaoshilist ul li .hangyi {
    clear: both;
    display: block;
    padding-bottom: 0.5rem;
}

.kaoshilist ul li .hangyi .bq {
    background: #ff888e;
    color: #f7f7f7;
    display: inline-block;
    padding: 0.3rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
}

.kaoshilist ul li .hangyi .bt {
    font-size: 1.125rem;
    color: #333333;
}

.kaoshilist ul li .hanger {
    clear: both;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 3rem;
}

.kaoshilist ul li .hanger span {
    font-size: 0.8125rem;
    color: #999999;
    margin-right: 1rem;
}

.kaoshilist ul li .hangsan {
    clear: both;
    display: block;
    padding-left: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.kaoshilist ul li .hangsan span {
    font-size: 0.8125rem;
    color: #04cad5;
    margin-right: 1rem;
}

.kaoshilist ul li .hangsan span:first-child {
    background: #04cad5;
    color: #f7f7f7;
    padding: 0.2rem 0.3rem;
    border-radius: 1rem;
}

.kaoshilist ul li .hangsan.on span {
    color: #da0020;
}

.kaoshilist ul li .hangsan.on span:first-child {
    background: #da0020;
    color: #f7f7f7;
}

.kaoshilist ul li .kaoshi {
    background: #fdc500;
    color: #da0020;
    border-radius: 1.5rem;
    display: inline-block;
    padding: 0.65rem 1.2rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    margin-top: -1.5rem;
}

.jiexi .tit {
    text-align: center;
    font-size: 1.6667vw;
    color: #333333;
    font-weight: 400;
    clear: both;
    margin-top: 10px;
}

.jiexi .cic {
    text-align: center;
    color: #999999;
    font-size: 0.8125rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    clear: both;
}

.jiexi .datika {
    background: #f7f7f7;
    padding: 2rem 4rem;
    border-radius: 4rem;
}

.jiexi .datika .datit {
    clear: both;
    font-size: 0.9375rem;
    color: #333333;
}

.jiexi .datika .dacon {
    clear: both;
    display: flex;
    padding-top: 1rem;
}

.jiexi .datika .dacon .daconl {
    width: 47rem;
    border-right: 1px solid #d3d3d3;
}

.jiexi .datika .dacon .daconl a {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    text-align: center;
    margin: 1rem 1.2rem 1rem 0rem;
    background: #ffffff;
}

.jiexi .datika .dacon .daconl a:hover {
    background: #da0020;
    color: #ffffff;
}

.jiexi .datika .dacon .daconl a.on {
    background: #da0020;
    color: #ffffff;
}

.jiexi .datika .dacon .daconr {
    width: 17rem;
}

.jiexi .datika .dacon .daconr ul {
    padding-left: 2rem;
}

.jiexi .datika .dacon .daconr ul li {
    clear: both;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.jiexi .datika .dacon .daconr ul li span {
    color: #333333;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    margin-left: 0.2rem;
    float: left;
}

.jiexi .datika .dacon .daconr ul li .icoon {
    background: #da0020;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 0.9375rem;
    display: inline-block;
    border: 1px solid #999999;
}

.jiexi .datika .dacon .daconr ul li .icooff {
    background: #fff;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 0.9375rem;
    display: inline-block;
    border: 1px solid #999999;
}

.jiexi .datika .dacon .daconr ul li .ksbtn {
    width: 8rem;
    height: 3.4rem;
    border-radius: 2rem;
    background: #fdc500;
    color: #da0020;
    text-align: center;
    line-height: 3.4rem;
    font-size:16px;
    padding:10px;
}

.jiexi .datika .dacon .daconr ul li .ksbtn:hover {
    background: #da0020;
    color: #fdc500;
}

.jiexi .datika .dabot {
    clear: both;
    font-size: 0.9375rem;
    color: #333333;
    padding-top: 1rem;
}

.jiexi .datika .dabot span {
    font-size: 1.125rem;
    color: #da0020;
}

.jiexi .jxcon {
    background: #f7f7f7;
    padding: 2rem 4rem;
    border-radius: 4rem;
    margin-top: 1.5rem;
}

.jiexi .jxcon .ti {
    color: #333333;
    font-size: 0.9375rem;
    line-height: 2rem;
}

.jiexi .jxcon .ti span {
    width: 2rem;
    height: 2rem;
    background: #fdc500;
    color: #f7f7f7;
    font-size: 1.125rem;
    border-radius: 2rem;
    line-height: 2rem;
    display: inline-block;
    text-align: center;
}

.jiexi .jxcon .answer {
    padding-left: 3rem;
    padding-right: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    clear: both;
}

.jiexi .jxcon .answer ul li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    clear: both;
}

.jiexi .jxcon .answer ul li span {
    float: left;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1rem;
    margin-right: 0.5rem;
}

.jiexi .jxcon .answer ul li span.iico {
    background: #ffffff;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    border: 1px solid #999999;
}

.jiexi .jxcon .answer ul li span.iico.off {
    background: url(../img/iic_03.png) no-repeat;
    background-size: 100%;
}

.jiexi .jxcon .answer ul li span.iico.on {
    background: url(../img/iic_08.png) no-repeat;
    background-size: 100%;
}

.jiexi .jxcon .jiexicon {
    background: #ffffff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 3rem;
}

.jiexi .jxcon .jiexicon .jxtit {
    color: #04cad5;
    font-size: 0.9375rem;
    line-height: 1.875rem;
}

.jiexi .jxcon .jiexicon .jxc {
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1.875rem;
}

.kaoshicenter {
    display: block;
}

.kaoshil {
    width: 50rem;
    float: left;
}

.kaoshir {
    width: 22rem;
    float: right;
    margin-top: 1.5rem;
}

.kaoshir .kaoshirs {
    background: #f7f7f7;
    padding: 2rem 2rem 1rem 2rem;
    border-radius: 3rem 0 3rem 0;
}

.kaoshir .kss {
    background: #fdc500;
    text-align: center;
    display: flex;
    height: 3.2rem;
    line-height: 2.2rem;
    border-radius: 2rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    overflow: hidden;
}

.kaoshir .kss .spa {
    width: 50%;
    text-align: center;
    color: #da0020;
    font-size: 0.9375rem;
    border-right: 1px solid #da0020;
    font-weight: 500;
    margin-top: 2px;
}

.kaoshir .kss .spb {
    /* width: 50%;
    text-align: left;
    color: #da0020;
    font-size: 0.9375rem; */
    width: 36%;
    text-align: center;
    color: #da0020;
    font-size: 0.9375rem;
    margin: auto;
    /* line-height: 13px; */
    margin-top: -2px;
}

.kaoshir .kss .spb span {
    float: left;
}

.kaoshir .kss .spb span img {
    margin-top: 0.5rem;
    width: 1.4rem;
    height: 1.3rem;
}

.kaoshir .kss .spb span:nth-child(1) {
    padding-left: 1rem;
}

.kaoshir .kss .spb span:nth-child(2) {
    padding-left: 0.2rem;
    font-weight: 500;
}

.kaoshir .kscon {
    padding-left: 0.5rem;
}

.kaoshir .kscon a {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    text-align: center;
    margin: 1rem 0.5rem 1rem 0.5rem;
    background: #ffffff;
}

.kaoshir .kscon a:hover {
    background: #da0020;
    color: #ffffff;
}

.kaoshir .kscon a.on {
    background: #da0020;
    color: #ffffff;
}

.kaoshirx {
    clear: both;
    display: block;
    padding-top: 1.5rem;
    padding-left: 2rem;
}

.kaoshirx a {
    box-shadow: 1px 2px 3px #999999;
    color: #f7f7f7;
    font-size: 1.375rem;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 4rem;
    display: inline-block;
    text-align: center;
    margin: 1rem 0.5rem 1rem 0.5rem;
    background: #fdc500;
}

.kaoshirx a:hover {
    background: #da0020;
    color: #ffffff;
}

.bg {
    z-index: 100000;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tijiao {
    width: 38rem;
    height: 25rem;
    border-radius: 0.5rem;
    position: absolute;
    left: 50%;
    margin-left: -19rem;
    top: 50%;
    margin-top: -12.5rem;
}

.tijiao .tijiaot {
    background: #f7f7f7;
    height: 3.15rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.tijiao .tijiaot .tijiaotl {
    padding-left: 2rem;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 3rem;
    float: left;
}

.tijiao .tijiaot .tijiaotr {
    padding-right: 2rem;
    float: right;
    cursor: pointer;
    margin-top: 1rem;
}

.tijiao .tijiaot .tijiaotr img {
    width: 1.1rem;
    height: 1.1rem;
}

.tijiao .tijiaoc {
    background: #ffffff;
    text-align: center;
    border-radius: 0 0 0.5rem 0.5rem;
}

.tijiao .tijiaoc .tijiaoc1 {
    padding-top: 1.5rem;
}

.tijiao .tijiaoc .tijiaoc1 img {
    width: 5rem;
    height: 5rem;
}

.tijiao .tijiaoc .tijiaoc2 {
    font-size: 1.375rem;
    color: #333333;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tijiao .tijiaoc .tijiaoc3 {
    font-size: 0.9375rem;
    color: #999999;
    padding-top: 0rem;
    padding-bottom: 1rem;
}

.tijiao .tijiaoc .tijiaoc3 span {
    color: #da0020;
}

.tijiao .tijiaoc .tijiaoc4 {
    padding-top: 0rem;
    padding-bottom: 1rem;
    text-align: center;
}

.tijiao .tijiaoc .tijiaoc4 a {
    width: 8.45rem;
    height: 3.25rem;
    text-align: center;
    line-height: 3.25rem;
    border: 1px solid #fdc500;
    color: #fdc500;
    display: inline-block;
    border-radius: 2.5rem;
}

.tijiao .tijiaoc .tijiaoc4 a.on {
    background: #fdc500;
    color: #da0020;
}

.tijiao .tijiaoc .tijiaoc4 a:hover {
    background: #fdc500;
    color: #da0020;
}

.zhibu {
    display: flex;
}

.zhibu .zhibul {
    width: 379px;
    height: 347px;
    position: relative;
    float: left;
}

.zhibu .zhibul .zbcon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.zhibu .zhibul .zbcon .diyi {
    margin-top: 93px;
    margin-left: 125px;
    text-align: center;
    width: cacl( 100% - 60px);
    color: #fdc500;
    font-size: 1.375rem;
}

.zhibu .zhibul .zbcon .dier {
    margin-left: 130px;
    margin-top: 20px;
    text-align: center;
    width: cacl( 100% - 60px);
    color: #fdc500;
    font-size: 0.9375rem;
}

.zhibu .zhibul .zbcon .disan {
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 1.375rem;
    padding-top: 70px;
}

.zhibu .zhibul .zbcon .disan span {
    color: #fdc500;
}

.zhibu .zhibul .zbcon .disi {
display: -webkit-box; 
    text-align: center;
    width: 99%;
    color: #fdc500;
    padding-top: 10px;
    font-size: 0.9375rem;
    padding-left: 5%;
    padding-right: 5%;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    -webkit-box-orient: vertical;
    /*FireFox*/
    height: 3.2rem;
}

.zhibu .zhibur {
    background: #f5f5f5;
    height: 347px;
    width: 820px;
    position: relative;
    float: left;
}

.zhibu .zhibur .zbrt {
    padding-left: 36px;
    padding-top: 19px;
}

.zhibu .zhibur .zbrt span {
    float: left;
    margin-right: 1rem;
    color: #333333;
    font-size: 1.375rem;
}

.zhibu .zhibur .zbrt span img {
    width: 2.0625rem;
    height: 2.0625rem;
}

.ui-jcoverflip {
    position: relative;
}

.ui-jcoverflip--item {
    position: absolute;
    display: block;
}

.ui-jcoverflip--item img {
    opacity: 1;
}

#flip {
    height: 240px;
    width: 77%;
    top: -20px !important;
    left: 90px !important;
    position: absolute;
    left: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#flip img {
    display: block;
    border: 0;
    outline: none;
    height: 125px;
border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#flip a {
    outline: none;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

#flip a p {
    font-weight: 600;
    color: #333333;
    text-align: center;
margin-top:10px;
margin-bottom: 5px;
}

#flip a span {
    clear: both;
    display: block;
    text-align: center;
    font-size: 0.8125rem;
    color: #999999;
}

#wrapper {
    height: 300px;
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
}

.xingxiang {
    clear: both;
    display: block;
}

.xxtt {
    display: block;
    clear: both;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
}

.xxtt strong {
    float: left;
    color: #333333;
    font-size: 1.375rem;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
}

.xxtt strong.tot {
    padding-left: 1rem;
}

.xxtt strong.tot:after {
    content: " ";
    background: #da0020;
    width: 4px;
    height: 1.5rem;
    display: block;
    position: absolute;
    left: 0px;
    top: 0rem;
}

.xxtt span {
    float: left;
    color: #999999;
    height: 1.375rem;
    line-height: 1.375rem;
    font-size: 0.8125rem;
    padding-right: 1rem;
    line-height: 30px;
    height: 30px;
    padding-left: 0.2rem;
}

.xxtt a {
    float: right;
    color: #da0020;
    font-size: 0.9375rem;
    padding-top: 0.5rem;
}

.xingxiang1 {
    width: 100%;
}

.xingxiang1 .xxl {
    width: 50rem;
    float: left;
}

.xingxiang1 .xxl .xxl1 {
    clear: both;
    display: flex;
    padding-top: 40px;
}

.xingxiang1 .xxl .xxl1 .xxl1l {
    width: 275px;
    float: left;
}

.xingxiang1 .xxl .xxl1 .tt {
    clear: both;
    display: block;
    color: #333333;
    font-size: 1.125rem;
}

.xingxiang1 .xxl .xxl1 dl {
    display: flex;
    padding: 25px 11px;
    float: left;
    width: 260px;
    padding-right: 0.5rem;
    background: #f5f5f5;
    margin-top: 15px;
 border-radius: 5px;
}

.xingxiang1 .xxl .xxl1 dl dt {
    width: 68px;
}

.xingxiang1 .xxl .xxl1 dl dt img {
    width: 68px;
    height: 68px;
    border-radius: 68px;
}

.xingxiang1 .xxl .xxl1 dl dd {
     padding-left: 10px;
    padding-top: 15px;
    width: 160px;
}

.xingxiang1 .xxl .xxl1 dl dd .txt {
    color: #333333;
    font-size: 1.125rem;
}

.xingxiang1 .xxl .xxl1 dl dd p {
    color: #999999;
    font-size: 0.8125rem;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.xingxiang1 .xxl .xxl1 .xxl1r {
    float: left;
    width: 530px;
}

.xingxiang1 .xxl .xxl1 .xxl1 .xxl1l dl {
    border-radius: 10px;
}
.xingxiang1 .xxl .xxl2 {
    clear: both;
    display: block;
}

.xingxiang1 .xxl .xxlist {
    clear: both;
    display: block;
    padding-bottom: 1rem;
}

.xingxiang1 .xxl .xxlist .swiper-slide a {
    position: relative;
 height: 145px;
border-radius:15px;
}
.xingxiang1 .xxl .xxlist .swiper-slide a img{
height: 100%;
width:100%;
}
.xingxiang1 .xxl .xxlist .swiper-slide a p {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    left: 0;
    bottom: -125px;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    width: 190px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
}

.xingxiang1 .xxl .xxlist .swiper-slide a img {
    width: 195px;
    height: 145px;
border-radius:15px;
}

.xingxiang1 .xxr {
    width: 22.5rem;
    float: right;
}

.xingxiang1 .xxr ul li {
    clear: both;
    display: block;
    padding: 1rem;
    background: #f7f7f7;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    height: 6.375rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
text-align:center;
}

.xingxiang1 .xxr ul li:hover {
    background: #fdc500;
}

.xingxiang1 .xxr ul li:hover .lia {
    border: 1px solid #da0020;
}

.xingxiang1 .xxr ul li:hover .lia span {
    color: #f7f7f7;
}

.xingxiang1 .xxr ul li:hover .lia span:nth-child(1) {
    color: #da0020;
}

.xingxiang1 .xxr ul li:hover .lib {
    color: #da0020;
}

.xingxiang1 .xxr ul li.on {
    background: #fdc500;
}

.xingxiang1 .xxr ul li.on .lia {
    border: 1px solid #da0020;
}

.xingxiang1 .xxr ul li.on .lia span {
    color: #f7f7f7;
}

.xingxiang1 .xxr ul li.on .lia span:nth-child(1) {
    color: #da0020;
}

.xingxiang1 .xxr ul li.on .lib {
    color: #da0020;
}

.xingxiang1 .xxr ul li .lia {
    width: 4.375rem;
    height: 4.375rem;
    border: 1px solid #d3d3d3;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0.5rem;
    float: left;
}

.xingxiang1 .xxr ul li .lia span {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
    color: #999999;
    line-height: 2rem;
    font-size: 0.8125rem;
}

.xingxiang1 .xxr ul li .lia span:nth-child(1) {
    color: #333333;
    height: 2rem;
    font-size: 0.9375rem;
    line-height: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.xingxiang1 .xxr ul li .lib {
    float: left;
    line-height: 4rem;
    color: #999999;
    font-size: 1.125rem;
    padding-left: 1rem;
    text-align: left;
}

.xingxiang1 .xxr ul li a {
    text-align: center;
    text-decoration: underline;
    color: #999999;
    font-size: 1.125rem;
    line-height: 5.375rem;
}

.xingxiang1 .xxr ul li a:hover {
    color: #f7f7f7;
}

.zbdontai {
    clear: both;
    display: block;
}

.zbdontail {
    width: 50rem;
    float: left;
}

.zbdontair {
    width: 22.5rem;
    float: right;
}

.zbdlist {
    padding: 0;
    margin: 0;
    float: none;
    display: block;
    width: 100%;
}

.zbdlist dl {
    padding: 0;
    margin: 0;
    clear: both;
    display: flex;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0rem;
    padding-right: 1.25rem;
}

.zbdlist dl dt {
    width: 14rem;
    height: 9.5rem;
    text-align: left;
}

.zbdlist dl dt a img {
    width: 14rem;
    height: 9.5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.zbdlist dl dt a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 15px;
}

.zbdlist dl dd {
    width: 40rem;
    text-align: left;
    padding-left: 1.25rem;
    padding-top: 0px;
    overflow: hidden;
}

.zbdlist dl dd a {
    color: #333333;
    margin-top: 8px;
    font-size: 1.125rem;
    clear: both;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.zbdlist dl dd a:hover {
    color: #da0020;
}

.zbdlist dl dd .outa {
    height: 3rem;
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: block;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.zbdlist dl dd .outa:hover {
    color: #da0020;
}

.zbdlist dl dd p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    padding-top: 0.625rem;
    margin: 10px 0;
 /*height: 3.4rem;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.zbdlist dl dd span {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    color: #f7f7f7;
    font-size: 0.9375rem;
    background: #04cad5;
    margin-top: 0.75rem;
}

.zbdcon ul {
    display: flex;
}

.zbdcon ul li {
    text-align: center;
    width: 33.33%;
    float: left;
    height: 10rem;
}

.zbdcon ul li:nth-child(1) {
    background: #ffffff;
    border-top: 4px solid #fdc500;
    border-bottom: 4px solid #fdc500;
}

.zbdcon ul li:nth-child(1):hover {
    background: #fdc500;
}

.zbdcon ul li:nth-child(1):hover p {
    color: #ffffff;
}

.zbdcon ul li:nth-child(1):hover span {
    color: #d3d3d3;
}

.zbdcon ul li:nth-child(1):hover .pic {
    background: url(../img/0301.png) no-repeat;
    width: 55px;
    height: 44px;
    background-position: center center;
    margin: 0 auto;
    margin-top: 25px;
}

.zbdcon ul li:nth-child(1) .pic {
    background: url(../img/0301on.png) no-repeat;
    width: 55px;
    height: 44px;
    background-position: center center;
    margin: 0 auto;
    margin-top: 25px;
}

.zbdcon ul li:nth-child(2) {
    background: #ffffff;
    border-top: 4px solid #ff888e;
    border-bottom: 4px solid #ff888e;
}

.zbdcon ul li:nth-child(2):hover {
    background: #ff888e;
}

.zbdcon ul li:nth-child(2):hover p {
    color: #ffffff;
}

.zbdcon ul li:nth-child(2):hover span {
    color: #d3d3d3;
}

.zbdcon ul li:nth-child(2):hover .pic {
    background: url(../img/04.png) no-repeat;
    width: 55px;
    height: 44px;
    margin: 0 auto;
    margin-top: 25px;
    background-position: center center;
}

.zbdcon ul li:nth-child(2).on {
    background: #ff888e;
}

.zbdcon ul li:nth-child(2).on p {
    color: #ffffff;
}

.zbdcon ul li:nth-child(2).on span {
    color: #d3d3d3;
}

.zbdcon ul li:nth-child(2).on .pic {
    background: url(../img/04.png) no-repeat;
    width: 55px;
    height: 44px;
    margin: 0 auto;
    margin-top: 25px;
    background-position: center center;
}

.zbdcon ul li:nth-child(2) .pic {
    background: url(../img/04on.png) no-repeat;
    width: 55px;
    height: 44px;
    background-position: center center;
    margin: 0 auto;
    margin-top: 25px;
}

.zbdcon ul li:nth-child(3) {
    background: #ffffff;
    border-top: 4px solid #04cad5;
    border-bottom: 4px solid #04cad5;
}

.zbdcon ul li:nth-child(3):hover {
    background: #04cad5;
}

.zbdcon ul li:nth-child(3):hover p {
    color: #ffffff;
}

.zbdcon ul li:nth-child(3):hover span {
    color: #d3d3d3;
}

.zbdcon ul li:nth-child(3):hover .pic {
    background: url(../img/0501.png) no-repeat;
    width: 55px;
    height: 44px;
    margin: 0 auto;
    margin-top: 25px;
    background-position: center center;
}

.zbdcon ul li:nth-child(3) .pic {
    background: url(../img/0501on.png) no-repeat;
    width: 55px;
    height: 44px;
    background-size: 55px 44px;
    margin: 0 auto;
    margin-top: 25px;
}

.zbdcon ul li img {
    margin-top: 1.5rem;
    width: 3.4375rem;
    height: 2.75rem;
}

.zbdcon ul li p {
    font-size: 1.125rem;
    color: #333333;
    clear: both;
    height: 2.25rem;
    display: block;
    padding-top: 0.5rem;
}

.zbdcon ul li span {
    display: block;
    font-size: 0.8125rem;
    color: #999999;
    clear: both;
    height: 0.9375rem;
}

.fengcaizsn {
    width: 50rem;
    padding-bottom: 2rem;
}

.fengcaizsn .fengcaizsx {
    display: flex;
    text-align: left;
}

.fengcaizsn .fengcaizsx .fengcaizsxl {
    width: 346px;
    height: 370px;
}

.fengcaizsn .fengcaizsx .fengcaizsxl a {
    width: 346px;
    height: 370px;
    display: block;
    position: relative;
}

.fengcaizsn .fengcaizsx .fengcaizsxl a img {
    width: 346px;
    height: 370px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.fengcaizsn .fengcaizsx .fengcaizsxl a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    font-size: 0.9375rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    text-align: center;
    background: rgba(0,0,0,0.3);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.fengcaizsn .fengcaizsx .fengcaizsxl a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.fengcaizsn .fengcaizsx .fengcaizsxr {
    width: 458px;
    height: 370px;
}

.fengcaizsn .fengcaizsx .fengcaizsxr a {
    position: relative;
    width: 218px;
    height: 180px;
    display: block;
    float: left;
    margin-left: 9px;
    margin-bottom: 9px;
}

.fengcaizsn .fengcaizsx .fengcaizsxr a img {
    width: 218px;
    height: 180px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.fengcaizsn .fengcaizsx .fengcaizsxr a p {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    font-size: 0.9375rem;
    text-align: center;
    padding: 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    -webkit-line-clamp: 1;
     text-overflow: ellipsis; 
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    -moz-binding: url(ellipsis.xml#ellipsis);
    background: rgba(0, 0, 0, 0.3);
}

.fengcaizsn .fengcaizsx .fengcaizsxr a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.nwtop {
    position: relative;
    height: 4rem;
}

.nwtop .nwtopl {
    position: absolute;
    left: 0px;
    top: 0px;
}

.nwtop .nwtopl span {
    float: left;
    display: inline-block;
    padding-right: 0.3rem;
    line-height: 1.9rem;
    color: #333333;
    font-size: 0.9375rem;
}

.nwtop .nwtopl span img {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 1.9rem;
}

.nwtop h2 {
    text-align: center;
    color: #333333;
    font-size: 1.375rem;
    font-weight: 400;
}

.xingxiangdy {
    padding-top: 1.875rem;
}

.xingxiangdy .xxl1l {
    width: 288px;
    float: left;
}

.xingxiangdy .xxl1l dl {
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    height: 155px;
    float: left;
    width: 100%;
    background: #f7f7f7;
    border-radius: 0.5rem;
}

.xingxiangdy .xxl1l dl dt {
    width: 68px;
}

.xingxiangdy .xxl1l dl dt img {
    width: 68px;
    height: 68px;
    border-radius: 68px;
}

.xingxiangdy .xxl1l dl dd {
    padding-left: 20px;
    padding-top: 15px;
}

.xingxiangdy .xxl1l dl dd .txt {
    color: #333333;
    font-size: 1.125rem;
}

.xingxiangdy .xxl1l dl dd p {
    color: #999999;
    width: 100px;
    font-size: 0.8125rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    margin: 20px 0;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.xingxiangdy .xxl1r {
    width: 288px;
    float: left;
    margin-left: 0.5rem;
}

.xingxiangdy .xxl1r .x {
    display: flex;
}

.xingxiangdy .xxl1r .x dl {
    display: block;
    padding-top: 15px;
    float: left;
    padding-right: 0rem;
    background: #f7f7f7;
    border-radius: 0.5rem;
    height: 155px;
}

.xingxiangdy .xxl1r .x dl dt {
    width: 144px;
    clear: both;
    display: inline-block;
    text-align: center;
}

.xingxiangdy .xxl1r .x dl dt img {
    width: 68px;
    height: 68px;
    border-radius: 68px;
}

.xingxiangdy .xxl1r .x dl dd {
    padding-left: 0px;
    padding-top: 5px;
    width: 144px;
    clear: both;
    display: block;
    text-align: center;
}

.xingxiangdy .xxl1r .x dl dd .txt {
    color: #333333;
    font-size: 1.125rem;
}

.xingxiangdy .xxl1r .x dl dd p {
    color: #999999;
    font-size: 0.8125rem;
}

.xingxiangdy .xxl1rr {
    width: 600px;
    float: right;
    margin-left: 10px;
}

.xingxiangdy .xxl1rr .xxtt {
    padding-top: 0rem;
    padding-bottom: 0.75rem;
}

.xingxiangdy .xxl1rr .swiper-slide a {
    position: relative;
    width: 145px;
    height: 157px;
}

.xingxiangdy .xxl1rr .swiper-slide a p {
    position: absolute;
    display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    left: 0;
    bottom: -137px;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    width: 145px;
    padding-left: 10px;
    padding-right: 10px;
border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.xingxiangdy .xxl1rr .swiper-slide a img {
    width: 145px;
    height: 157px;
border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.xingxiangdy .xxl1rr .swiper-slide a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.xingxiangdy .tt {
    clear: both;
    display: block;
    color: #333333;
    font-size: 1.125rem;
    padding-bottom: 0.6rem;
}

.zbdlista {
    padding: 0;
    margin: 0;
    float: none;
    display: block;
    width: 100%;
    padding-bottom: 1.25rem;
    display: flex;
}

.zbdlista dl {
    padding: 0;
    margin: 0;
    float: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 50%;
    display: flex;
}

.zbdlista dl dt {
    width: 14rem;
    height: 9.5rem;
    text-align: left;
}

.zbdlista dl dt a img {
    width: 14rem;
    height: 9.5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.zbdlista dl dt a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.zbdlista dl dd {
    width: 21rem;
    text-align: left;
    padding-left: 1.25rem;
    padding-top: 0px;
    overflow: hidden;
}

.zbdlista dl dd a {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.zbdlista dl dd a:hover {
    color: #da0020;
}

.zbdlista dl dd p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    display: block;
    height:3.2rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.fengcaizhanshi {
    clear: both;
    display: block;
    padding-bottom: 2.75rem;
}

.fczs {
    clear: both;
    display: flex;
}

.fczs .fczsl {
    width: 741px;
    height: 370px;
    position: relative;
}

.fczs .fczsl a {
    width: 741px;
    height: 370px;
    overflow: hidden;
}

.fczs .fczsl a img {
    width: 741px;
    height: 370px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 1rem;
}

.fczs .fczsl a p {
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    font-size: 1.125rem;
    line-height: 1.125rem;
    width: 741px;
    padding-left: 15px;
    padding-right: 15px;
    height: 2.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.fczs .fczsl a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.fczs .fczsr {
    width: 459px;
    height: 370px;
}

.fczs .fczsr a {
    position: relative;
    width: 218px;
    height: 180px;
    display: block;
    float: left;
    margin-left: 9px;
    margin-bottom: 9px;
    overflow: hidden;
}

.fczs .fczsr a img {
    width: 218px;
    height: 180px;
    border-radius: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fczs .fczsr a p {
    position: absolute;
    bottom: 0.35rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    width: 100%;
    height: 2rem;
    color: #ffffff;
    font-size: 0.9375rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    height: 2.8rem;
}

.fczs .fczsr a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.dangyuana {
    width: 850px;
    margin: 0 auto;
    clear: both;
    display: block;
    padding-bottom: 30px;
}

.dangyuana .dangyuanal {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 13px;
}

.dangyuana .dangyuanal img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

.dangyuana .dangyuanam {
    width: 785px;
    height: 50px;
    float: left;
    position: relative;
    overflow: hidden;
}

.dangyuana .dangyuanam .dangyuanamn {
    width: calc( 26 * 57) px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dangyuana .dangyuanam .dangyuanamn span {
    display: inline-block;
    float: left;
}

.dangyuana .dangyuanam .dangyuanamn span.xian {
    background: url(../img/fzdy0101_05.png) no-repeat;
    width: 50px;
    height: 30px;
    margin-top: 12px;
}

.dangyuana .dangyuanam .dangyuanamn span.num {
    width: 14px;
}

.dangyuana .dangyuanam .dangyuanamn span.num .zi {
    clear: both;
    float: none;
    text-align: center;
    color: #333333;
    font-size: 0.8125rem;
    height: 0.8125rem;
    line-height: 0.8125rem;
    width: 14px;
    padding-bottom: 2px;
}

.dangyuana .dangyuanam .dangyuanamn span.num .dian {
    clear: both;
    float: none;
    text-align: center;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #fdc500;
margin-bottom:5px;
}

.dangyuana .dangyuanam .dangyuanamn span.num.on .zi {
    color: #da0020;
}

.dangyuana .dangyuanam .dangyuanamn span.num.on .dian {
    background: #da0020;
}

.dangyuana .dangyuanar {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 13px;
}

.dangyuana .dangyuanar img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

.dangyuanbw {
    width: 850px;
    margin: 0 auto;
    clear: both;
    display: block;
    margin-top: 50px;
    background: #f7f7f7;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid #f4f4f4;
}

.dangyuanbw .dangyuanl {
    width: 24px;
    margin-top: 150px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.dangyuanbw .dangyuanr {
    width: 17px;
    margin-top: 150px;
    float: right;
    text-align: center;
    cursor: pointer;
}

.dangyuanbw .dangyuanbwn {
    width: 800px;
    overflow: hidden;
    min-height: 360px;
    float: left;
    position: relative;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw {
    width: calc( 26 * 800) px;
    position: absolute;
    left: 0px;
    top: 0px;
    min-height: 300px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 140px;
    width: 800px;
    float: left;
    min-height: 300px;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbs strong {
    display: block;
    text-align: center;
    color: #da0020;
    font-size: 1.125rem;
    font-weight: 400;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbs strong span {
    background: #da0020;
    color: #f7f7f7;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
    margin-right: 0.5rem;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbs p {
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1.875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
text-indent: 2em;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbx {
    text-align: center;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbx a {
    display: inline-block;
    width: 120px;
    border-radius: 1rem;
    height: 36px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #fdc500;
    color: #ffffff;
    background: #fdc500;
    font-size: 0.9375rem;
}

.newtiti {
    color: #333333;
    font-size: 1.125rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    font-weight: 400;
}

.fzdyjl {
    padding: 1rem;
}

.fzdyjl a {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    text-align: center;
    margin: 1rem 1rem 1rem 1rem;
    background: #ffffff;
}

.fzdyjl a:hover {
    background: #da0020;
    color: #ffffff;
}

.fzdyjl a.on {
    background: #da0020;
    color: #ffffff;
}

.zzsc {
    background: #f7f7f7;
    text-align: left;
    padding: 2rem 3rem;
    border-radius: 1rem;
    clear: both;
    display: block;
    overflow: hidden;
}

.zzsc strong {
    display: block;
    text-align: left;
    color: #da0020;
    font-size: 1.125rem;
    font-weight: 400;
}

.zzsc strong span {
    background: #da0020;
    color: #f7f7f7;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
    margin-right: 0.5rem;
}

.zzsc p {
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1.875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.zzsc ul {
    clear: both;
    display: block;
}

.zzsc ul li {
    clear: both;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
}

.zzsc ul li .spx1 {
    text-align: right;
    color: #333333;
    font-size: 0.9375rem;
    float: left;
    display: inline-block;
    width: 130px;
    line-height: 2rem;
}

.zzsc ul li .spx2 {
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    float: left;
    padding-left: 1rem;
    line-height: 2rem;
    display: inline-block;
}

.zzsc ul li .spx2 input {
    text-align: left;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9375rem;
}

.zzsc ul li .spx2 select {
    text-align: left;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 2rem;
    width: 12rem;
    line-height: 2rem;
    font-size: 0.9375rem;
    background: url(../img/xiala.png) no-repeat;
    background-position: right 15px top 10px;
}

.zzsc ul li .spx2 textarea {
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 6rem;
    width: 26rem;
    line-height: 2rem;
    font-size: 0.9375rem;
    text-align: left;
}

.zzsc ul li .spx2 a {
    display: inline-block;
    width: 8rem;
    border-radius: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #fdc500;
    color: #da0020;
    background: #fdc500;
    font-size: 0.9375rem;
}

.zzsc .zhengshu {
    text-align: center;
    padding-top: 45px;
}

.zzsc .zhengshu .zs {
    width: 110px;
    height: 110px;
    position: relative;
    margin: 0 auto;
}

.zzsc .zhengshu .zs input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
}

.zzsc .zhengshu .zstit {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    color: #999999;
    font-size: 1.375rem;
}

.zzsc .zhengshu .zstit span {
    color: #da0020;
}

.zzsc .zhengshu .tijiaox {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.zzsc .zhengshu .tijiaox a {
    display: inline-block;
    width: 8rem;
    border-radius: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #fdc500;
    color: #da0020;
    background: #fdc500;
    font-size: 0.9375rem;
}

.jihua {
    box-shadow: 1px 2px 3px 4px #f7f7f7;
    border-radius: 0.5rem;
    border: 1px solid #f7f7f7;
}

.jihua ul li {
    position: relative;
}

.jihua ul li a {
    font-size: 0.9375rem;
    color: #333333;
    display: inline-block;
    padding-bottom: 1rem;
}

.jihua ul li p {
    font-size: 0.9375rem;
    color: #999999;
    padding-bottom: 1rem;
}

.jihua ul li p span {
    margin-right: 1rem;
}

.jihua ul li.jhtit {
    height: 3.125rem;
    line-height: 3.125rem;
    background: #fdc500;
    text-align: center;
    display: flex;
    border-radius: 0.5rem 0.5rem 0px 0px;
}

.jihua ul li.jhtit .nianjia {
    width: 20%;
    text-align: center;
}

.jihua ul li.jhtit .nianjia img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 1rem;
}

.jihua ul li.jhtit .yuejia {
    width: 20%;
    text-align: center;
}

.jihua ul li.jhtit .yuejia img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 1rem;
    cursor: pointer;
}

.jihua ul li.jhtit .zhi {
    width: 20%;
    text-align: center;
    color: #da0020;
    font-size: 0.9375rem;
}

.jihua ul li.jhtit .nianjian {
    width: 20%;
    text-align: center;
}

.jihua ul li.jhtit .nianjian img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 1rem;
    cursor: pointer;
}

.jihua ul li.jhtit .yuejian {
    width: 20%;
    text-align: center;
}

.jihua ul li.jhtit .yuejian img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 1rem;
    cursor: pointer;
}

.jihua ul li.jhe {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
    background: #f7f7f7;
    overflow: hidden;
}

.jihua ul li.jhe:after {
    content: " ";
    background: url(../img/gz_16.png) no-repeat;
    background-position: center center;
    background-size: 1.625rem 1.625rem;
    position: absolute;
    left: 1rem;
    top: 1.7rem;
    width: 1.625rem;
    height: 1.625rem;
    display: block;
}

.jihua ul li.jhe:hover {
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 1px 3px 6px 4px #d3d3d3;
}

.jihua ul li.jhe:hover:before {
    content: " ";
    width: 4px;
    height: 4rem;
    background: #fdc500;
    display: block;
    position: absolute;
    right: 0rem;
    top: 50%;
    margin-top: -2rem;
}

.jihua ul li.jhd {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
}

.jihua ul li.jhd:after {
    content: " ";
    background: url(../img/gzjh_19.png) no-repeat;
    background-position: center center;
    background-size: 1.625rem 1.625rem;
    position: absolute;
    left: 1rem;
    top: 1.8rem;
    width: 1.625rem;
    height: 1.625rem;
    display: block;
}

.jihua ul li.jhd:hover {
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 1px 3px 6px 4px #d3d3d3;
}

.jihua ul li.jhd:hover:before {
    content: " ";
    width: 4px;
    height: 4rem;
    background: #fdc500;
    display: block;
    position: absolute;
    right: 0rem;
    top: 50%;
    margin-top: -2rem;
}

.jihua ul li.joff {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
}

.jihua ul li.joff:after {
    content: " ";
    background: url(../img/gzoff_03.png) no-repeat;
    background-position: center center;
    background-size: 1.625rem 1.625rem;
    position: absolute;
    left: 1rem;
    top: 1.8rem;
    width: 1.625rem;
    height: 1.625rem;
    display: block;
}

.slstit {
    color: #333333;
    font-size: 1.125rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.slscon {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #ff888e;
    display: flex;
    overflow: hidden;
}

.slscon .slsconl {
    height: 3.125rem;
    width: 3.125rem;
    text-align: center;
    float: left;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:-4px !important;
}
.slscon .slsconl img {
    margin-top: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slscon .slsconl:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.slscon .slsconc {
    width: 50rem;
    height: 3.125rem;
    overflow: hidden;
    float: left;
    position: relative;
}

.slscon .slsconc .slsconcn {
    width: 93rem;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slscon .slsconc .slsconcn a {
    width: 9.375rem;
    height: 3.125rem;
    text-align: left;
    line-height: 3.125rem;
    float: left;
}

.slscon .slsconc .slsconcn a span {
    float: left;
    height: 3.125rem;
    display: block;
    line-height: 3.125rem;
    margin-right: 0.5rem;
}

.slscon .slsconc .slsconcn a span img {
    width: 1.375rem;
    height: 1.375rem;
    margin-top: 0.8rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slscon .slsconc .slsconcn a:hover span img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.slscon .slsconr {
    height: 3.125rem;
    width: 3.125rem;
    text-align: center;
    float: left;
}

.slscon .slsconr img {
    margin-top: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slscon .slsconr:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.zzscy {
    background:#fff;
    text-align: left;
    padding: 2rem 3rem;
    border-radius: 1rem;
    margin-bottom: 20px;
}

.zzscy>p {
    background-color: #fff !important;
}

.zzscy .zzshxx {
    border: 1px solid #d3d3d3;
    padding: 2rem;
    margin: 1rem;
    border-radius: 2rem;
}

.zzscy .zzshxx ul {
    clear: both;
    display: block;
}

.zzscy .zzshxx ul li {
    clear: both;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
}

.zzscy .zzshxx ul li .spx1 {
    text-align: right;
    color: #333333;
    font-size: 0.9375rem;
    float: left;
    display: inline-block;
    width: 13rem;
    line-height: 2rem;
}

.zzscy .zzshxx ul li .spx2 {
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    float: left;
    padding-left: 1rem;
    width: calc( 100% - 15rem);
    line-height: 2rem;
    display: inline-block;
    position: relative;
}

.zzscy .zzshxx ul li .spx2 input {
    text-align: left;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9375rem;
}

.zzscy .zzshxx ul li .spx2 select {
    text-align: left;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 2rem;
    width: 12rem;
    line-height: 2rem;
    font-size: 0.9375rem;
    background: url(../img/xiala.png) no-repeat;
    background-position: right 15px top 10px;
}

.zzscy .zzshxx ul li .spx2 textarea {
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 6rem;
    width: 100%;
    line-height: 2rem;
    font-size: 0.9375rem;
    text-align: left;
}

.zzscy .zzshxx ul li .spx2 .zishu {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}

.zzscy .zzshxx ul li .spx2 .zishu span {
    color: #999999;
    font-size: 0.8125rem;
}

.zzscy .zzshxx ul li .spx2 .onxs {
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    padding: 1rem;
    overflow: hidden;
    display: flex;
}

.zzscy .zzshxx ul li .spx2 .zsd {
    width: 6.875rem;
    height: 6.875rem;
    float: left;
}

.zzscy .zzshxx ul li .spx2 .zsd input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.zzscy .zzshxx ul li .spx2 .zstit {
    float: left;
    padding-left: 1rem;
    padding-top: 4rem;
}

.zzscy .zzshxx ul li .spx2 .zstit span {
    color: #da0020;
}

.zzscy .zzshxx ul li .spx2 .tijiaox a {
    display: inline-block;
    width: 8rem;
    border-radius: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #fdc500;
    color: #da0020;
    background: #fdc500;
    font-size: 0.9375rem;
}

.shenghuolist {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 1rem;
    clear: both;
    display: block;
}

.shenghuolist li {
    clear: both;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    background: #f7f7f7;
    border-radius: 1rem;
    position: relative;
}

.shenghuolist li:hover .bta {
    color: #333333;
}

.shenghuolist li .bta {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    font-weight: 500;
    height: 1.6875rem;
     display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    padding-bottom: 1rem;
    position: relative;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.shenghuolist li p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.shenghuolist li span {
    position: absolute;
    right: 1rem;
    top: 50%;
}

.shenghuolist li span .jl {
    background: #04cad5;
    color: #ffffff;
    width: 6rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: 1.5rem;
    text-align: center;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.shenghuolist li span .ch {
    display:block;
    background: #fdc500;
    color: #da0020;
    width: 6rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: 1.5rem;
    text-align: center;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.cic span {
    line-height: 1.5rem;
    margin: 0 0.1rem 0 0.5rem;
}

.zzscy {
    padding-bottom: 2rem;
    overflow: hidden;
}

.zzscy p {
    text-align: left;
    line-height: 2.4rem;
    color: #333333;
    font-size: 0.9375rem;
}
.zzscy p strong {
    display: inline;
}
.zzscy p a {
    color: #da0020;
}

.zzscy .pd {
    clear: both;
    display: block;
}

.zzscy .pd p {
    clear: both;
    display: block;
    text-align: right;
}
.sthd-content>dl>dd span{
display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    color: #f7f7f7;
    font-size: 0.9375rem;
    background: #04cad5;
    margin-top: 0.75rem;
}
.cony {
    width: 1200px;
    margin: 0 auto;
    background: #f7f7f7;
    padding-bottom: 0.5rem;
}

.conz {
    width: 1200px;
    margin: 0 auto;
}

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

.conzz {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}


/*个人中心*/
.usercenter .usercenterl {
    width: 240px;
    float: left;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0px 6px 6px 6px #f7f7f7;
}

.usercenter .usercenterr {
    float: left;
    width: 958px;
}

.usercenterl1 {
    height: 360px;
    border-bottom: 1px solid #d3d3d3;
    padding-top: 2rem;
}

.usercenterl1 .head {
    position: relative;
    width: 10rem;
    margin: 0 auto;
}

.usercenterl1 .head .hepic {
    width: 10rem;
    height: 12.5rem;
}

.usercenterl1 .headtit {
    background: #fdc500;
    position: absolute;
    z-index: 10;
    color: #f7f7f7;
    display: flex;
    height: 1.875rem;
    line-height: 1.875rem;
    width: 6.875rem;
    top: 11.5rem;
    left: 50%;
    margin-left: -3.435rem;
    border-radius: 1rem;
}

.usercenterl1 .headtit .ico1 {
    padding-top: 0.3rem;
    padding-left: 0.3rem;
}

.usercenterl1 .headtit .ico1 img {
    width: 1.4375rem;
    height: 1.4375rem;
    border-radius: 1.4375rem;
}

.usercenterl1 .headtit .hname {
    font-weight: 500;
    font-size: 0.9375rem;
    padding-left: 0.2rem;
    display: inline-block;
}

.usercenterl1 p {
    clear: both;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #999999;
    font-size: 0.9375rem;
}

.usercenterl1 p.p1 {
    padding-top: 1.75rem;
    padding-bottom: 0.5rem;
}

.usercenterl1 p.p1 strong {
    font-size: 1.375rem;
    color: #333333;
}

.usercenterl1 p.p2 {
    line-height: 1.640625rem;
    color: #333333;
}

.usercenterl1 p span {
    color: #da0020;
    font-weight: 500;
}

.usercenterl2 {
    clear: both;
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: hidden;
}

.usercenterl2 dl {
    padding: 0;
    margin: 0;
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.usercenterl2 dl dt {
    padding: 0;
    margin: 0;
    clear: both;
    display: flex;
    width: 100%;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
}
.xingxiang1 .xxr img{
margin-top:20px;
}
.usercenterl2 dl dt span {
    float: left;
    color: #999999;
    font-size: 1.125rem;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}

.usercenterl2 dl dt .icoc {
    width: 164px;
}

.usercenterl2 dl dd {
    padding: 0;
    margin: 0;
    clear: both;
    display: block;
    padding-left: 8px;
    height: 0;
    background: #f7f7f7;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    text-align: center;
}

.usercenterl2 dl dd a {
    color: #999999;
    font-size: 1.125rem;
    height: 42px;
    line-height: 42px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 180px;
    text-align: center;
    display: inline-block;
}

.usercenterl2 dl dd a:hover {
    color: #da0020;
    background: #fdc500;
    border-radius: 2rem;
}

.usercenterl2 dl dd a.on {
    color: #da0020;
    background: #fdc500;
    border-radius: 2rem;
}

.usercenterl2 dl dd dl {
    padding: 0;
    margin: 0;
}

.usercenterl2 dl dd dl dt {
    padding: 0;
    margin: 0;
    display: flex;
    padding-left: 18px;
    margin-left: 20px;
}

.usercenterl2 dl dd dl dt .dtw {
    width: 165px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    font-size: 0.975rem;
}

.usercenterl2 dl dd dl dt .dti {
    width: 32px;
    margin-top: 6px;
}

.usercenterl2 dl dd dl dd {
    padding: 0;
    margin: 0;
    height: 0px;
    padding-left: 15px;
}

.usercenterl2 dl dd dl dd a {
    font-size: 0.9375rem;
}

.usercenterl2 dl dd dl dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(1) dt .icoa {
    background: url(../img/user_03-08.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(1) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(1).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(1).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(1).on dt .icoa {
    background: url(../img/user_03-08on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(1).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(1).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(1).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(1).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(1).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(1).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(1).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(1).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(1).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(1).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(2) dt .icoa {
    background: url(../img/user_06-11.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(2) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(2).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(2).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(2).on dt .icoa {
    background: url(../img/user_06-11on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(2).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(2).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(2).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(2).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(2).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(2).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(2).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(2).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(2).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(2).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(3) dt .icoa {
    background: url(../img/user_08.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(3) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(3).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(3).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(3).on dt .icoa {
    background: url(../img/user_08on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(3).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(3).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(3).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(3).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(3).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(3).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(3).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(3).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(3).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(3).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(4) dt .icoa {
    background: url(../img/user_10.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(4) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(4).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(4).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(4).on dt .icoa {
    background: url(../img/user_10on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(4).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(4).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(4).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(4).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(4).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(4).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(4).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(4).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(4).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(4).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(5) dt .icoa {
    background: url(../img/user_12.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(5) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(5).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(5).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(5).on dt .icoa {
    background: url(../img/user_12on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(5).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(5).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(5).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(5).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(5).on dd dl dt .icob {
    display: block;
    background: url(../img/user_12.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(5).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(5).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(5).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(5).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(5).on dd dl.on dt .icob {
    background: url(../img/user_12on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(6) dt .icoa {
    background: url(../img/user_16.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(6) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(6).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(6).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(6).on dt .icoa {
    background: url(../img/user_16on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(6).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(6).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(6).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(6).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(6).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(6).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(6).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(6).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(6).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(6).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(7) dt .icoa {
    background: url(../img/user_18-17.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(7) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(7).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(7).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(7).on dt .icoa {
    background: url(../img/user_18-17on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(7).on dt .icob {
    background: url(../img/user_16on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(7).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(7).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(7).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(7).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(7).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(7).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(7).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(7).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(7).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(8) dt .icoa {
    background: url(../img/user_20.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(8) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(8).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(8).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(8).on dt .icoa {
    background: url(../img/user_20on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(8).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(8).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(8).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(8).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(8).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(8).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(8).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(8).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(8).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(8).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(9) dt .icoa {
    background: url(../img/user_68.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(9) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(9).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(9).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(9).on dt .icoa {
    background: url(../img/user_68on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(9).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(9).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(9).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(9).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(9).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(9).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(9).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(9).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(9).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(9).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(10) dt .icoa {
    background: url(../img/user_24.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(10) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(10).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(10).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(10).on dt .icoa {
    background: url(../img/user_24on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(10).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(10).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(10).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(10).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(10).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(10).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(10).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(10).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(10).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(10).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(11) dt .icoa {
    background: url(../img/user_26-24.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(11) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(11).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(11).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(11).on dt .icoa {
    background: url(../img/user_26-24on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(11).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(11).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(11).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(11).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(11).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(11).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(11).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(11).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(11).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(11).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(12) dt .icoa {
    background: url(../img/user_28.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(12) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(12).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(12).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(12).on dt .icoa {
    background: url(../img/user_28on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(12).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(12).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(12).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(12).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(12).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(12).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(12).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(12).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(12).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(12).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(13) dt .icoa {
    background: url(../img/user_32.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(13) dt .icob {
    background: url(../img/user_22.png) no-repeat;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(13).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(13).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(13).on dt .icoa {
    background: url(../img/user_32on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(13).on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(13).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(13).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(13).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(13).on dd dl dt .icob {
    display: block;
    background: url(../img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(13).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(13).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(13).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(13).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(13).on dd dl.on dt .icob {
    background: url(../img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterr1 {
    height: 360px;
    width: 100%;
    clear: both;
    border: 1px solid #d3d3d3;
    booder-left: 0px;
    border-top: 0px;
    box-shadow: 7px 7px 6px 6px #d3d3d3;
}

.usercenterr1 .usercenterr1a {
    display: flex;
    width: 100%;
    clear: both;
}

.usercenterr1 .usercenterr1a .item {
    width: 318.5px;
    height: 179px;
    background: #ffffff;
    text-align: center;
    float: left;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.usercenterr1 .usercenterr1a .item:nth-child(3) {
    border-right: 0px;
}

.usercenterr1 .usercenterr1a .item strong {
    color: #da0020;
    display: block;
    clear: both;
    margin-top: 2rem;
    font-size: 1.375rem;
    text-align: left;
    padding-left: 100px;
}

.usercenterr1 .usercenterr1a .item a {
    display: block;
    clear: both;
    color: #333333;
    font-size: 0.9375rem;
    text-align: left;
    padding-left: 80px;
    line-height: 1.640625rem;
}

.usercenterr1 .usercenterr1a .item p {
    color: #999999;
    font-size: 0.9375rem;
    text-align: left;
    padding-left: 80px;
    line-height: 1.640625rem;
}

.usercenterr1 .usercenterr1a .item img {
    position: absolute;
    right: 42px;
    padding-bottom: 24px;
}

.usercenterr1 .usercenterr1b {
    display: flex;
    width: 100%;
    clear: both;
}

.usercenterr1 .usercenterr1b .item {
    width: 319px;
    height: 180px;
    background: #ffffff;
    text-align: center;
    float: left;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.usercenterr1 .usercenterr1b .item:nth-child(3) {
    border-right: 0px;
}

.usercenterr1 .usercenterr1b .item dl {
    display: flex;
    width: 100%;
    padding-left: 15px;
    padding-top: 30px;
}

.usercenterr1 .usercenterr1b .item dl dt {
    float: left;
    width: 73px;
}

.usercenterr1 .usercenterr1b .item dl dt div {
    width: 63px;
    height: 63px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
    border-radius: 63px;
    font-size: 0.9375rem;
    color: #f7f7f7;
}

.usercenterr1 .usercenterr1b .item dl dt div.dt1 {
    background: #ff888e;
}

.usercenterr1 .usercenterr1b .item dl dt div.dt2 {
    background: #fdc500;
}

.usercenterr1 .usercenterr1b .item dl dt div.dt3 {
    background: #04cad5;
}

.usercenterr1 .usercenterr1b .item dl dd {
    float: left;
    padding-left: 5px;
    padding-top: 6px;
    padding-right: 10px;
    width: 216px;
}

.usercenterr1 .usercenterr1b .item dl dd p {
    clear: both;
    display: block;
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1.640625rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    height: 3.28125rem;
}

.usercenterr1 .usercenterr1b .item dl dd .more1 {
    clear: both;
    float: left;
    display: inline-block;
    text-align: left;
    color: #da0020;
    font-size: 0.9375rem;
    font-weight: 500;
    padding-top: 0.5rem;
}

.usercenterr1 .usercenterr1b .item dl dd .more {
    display: inline-block;
    text-align: left;
    color: #da0020;
    font-size: 0.9375rem;
    font-weight: 500;
    padding-top: 0.5rem;
}

.usercenterr1 .usercenterr1b .item dl dd span {
    clear: both;
    display: block;
    width: 100%;
    padding-top: 1rem;
}

.usercenterr1 .usercenterr1b .item dl dd span a {
    text-align: left;
    font-size: 0.9375rem;
    color: #da0020;
    background: #fdc500;
    display: inline-block;
    padding: 0.5rem 1.5rem;
    border-radius: 1.5rem;
    clear: both;
    float: left;
}

.usercenterr1 .usercenterr1b .item dl dd .cl {
    width: 100%;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li {
    padding: 0;
    margin: 0;
    width: 105px;
    border-radius: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.1rem;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li strong {
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 0.9375rem;
    text-align: center;
    line-height: 1.640625rem;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li p {
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 0.9375rem;
    text-align: center;
    line-height: 1.640625rem;
    height: 2.8125rem;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li.on {
    background: #04cad5;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li.on strong {
    color: #f7f7f7;
    font-size: 0.9375rem;
    text-align: center;
overflow: hidden;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li.on p {
    color: #f7f7f7;
    font-size: 0.9375rem;
    text-align: center;
}

.usercenterr1 .usercenterr1b .item.iteml dl dd {
    padding-top: 0;
}

.userframe {
    width: 100%;
}

.userc {
    width: 100%;
    display: flex;
    padding-bottom: 1rem;
}

.userrl {
    width: 715px;
    padding-top: 10px;
}

.userrr {
    width: 242px;
}

.itm {
    width: 336px;
    height: 452px;
    box-shadow: 0px 0px 3px 3px #d3d3d3;
    padding-left: 16px;
    padding-right: 16px;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    background: #ffffff;
    border-radius: 1rem;
}

.itm .itmt {
    background: #ffffff;
    padding-top: 29px;
    height: 76px;
    text-align: left;
    border-bottom: 1px solid #d3d3d3;
}

.itm .itmt span {
    float: left;
    margin-left: 0;
width:32px;
    height: 32px;
    line-height: 32px;
}
.itm>.itmt>span>img{
widht:100%;
height:100%;
}
.itm .itmt strong {
    float: left;
    color: #333333;
    font-size: 0.9375rem;
    height: 32px;
    line-height: 32px;
}

.itm .itmt a {
    float: right;
    color: #da0020;
    font-size: 0.9375rem;
    height: 32px;
    line-height: 32px;
}

.itm .itmcon {
    clear: both;
    display: block;
}

.itm .itmcon dl {
    clear: both;
    display: flex;
    padding-top: 18px;
    width: 100%;
    padding-bottom: 18px;
    border-bottom: 1px solid #d3d3d3;
}

.itm .itmcon dl:last-child {
    border-bottom: 0;
}

.itm .itmcon dl dt {
    width: 101px;
}

.itm .itmcon dl dt img {
    border-radius: 0.5rem;
    width: 101px;
    height: 81px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.itm .itmcon dl dt:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.itm .itmcon dl dd {
    width: 176px;
    padding-left: 1rem;
}

.itm .itmcon dl dd strong {
    height: 3rem;
    line-height: 1.5rem;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.itm .itmcon dl dd strong a {
    font-size: 0.9375rem;
    color: #333333;
    font-weight: 400;
}

.itm .itmcon dl dd p {
    color: #999999;
    font-size: 0.8125rem;
    padding-top: 0.65rem;
}

.ur1 {
    width: 100%;
    background: #b0daf0;
    margin-top: 25px;
}

.ur1 .urtit {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}

.ur1 .urtit strong {
    float: left;
    color: #333333;
    font-size: 0.9375rem;
}

.ur1 .urtit a {
    float: right;
    color: #da0020;
    font-size: 0.9375rem;
}

.ur1 .ur1con {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0.75rem;
    overflow: hidden;
}

.ur1 .ur1con ul li {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    overflow: hidden;
}

.ur1 .ur1con ul li a {
    display: flex;
}

.ur1 .ur1con ul li a .ico {
    background: #da0020;
    color: #f7f7f7;
    border-radius: 0.25rem;
    padding: 0.15rem 0.45rem;
    display: block;
}

.ur1 .ur1con ul li a .itit {
  color: #555555;
    font-size: 0.9375rem;
    width: 170px;
    text-align: left;
    margin-left: 0.5rem;
    padding-top: 0.15rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.ur1.ur2 {
    margin-top: 1rem;
    background: #c8f5e0;
}

.ur1.ur2 ul li a .ico {
    background: #01c3cc;
}

.ur1.ur3 {
    margin-top: 1rem;
    background: #ffd3c8;
}

.gongzuojihua ul {
    display: flex;
}

.gongzuojihua ul li {
    width: 100%;
    float: left;
    display: block;
    padding: 1rem;
    background: #f7f7f7;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    height: 6.375rem;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    overflow: hidden;
}

.gongzuojihua ul li:first-child {
    margin-left: 0rem;
}

.gongzuojihua ul li:hover {
    background: #fdc500;
}

.gongzuojihua ul li:hover .lia {
    border: 1px solid #da0020;
}

.gongzuojihua ul li:hover .lia span {
    color: #f7f7f7;
}

.gongzuojihua ul li:hover .lia span:nth-child(1) {
    color: #da0020;
}

.gongzuojihua ul li:hover .lib {
    color: #da0020;
}

.gongzuojihua ul li.on {
    background: #fdc500;
}

.gongzuojihua ul li.on .lia {
    border: 1px solid #da0020;
}

.gongzuojihua ul li.on .lia span {
    color: #f7f7f7;
}

.gongzuojihua ul li.on .lia span:nth-child(1) {
    color: #da0020;
}

.gongzuojihua ul li.on .lib {
    color: #da0020;
}

.gongzuojihua ul li .lia {
    width: 4.375rem;
    height: 4.375rem;
    border: 1px solid #d3d3d3;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0.5rem;
    float: left;
}

.gongzuojihua ul li .lia span {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
    color: #999999;
    line-height: 2rem;
    font-size: 0.8125rem;
}

.gongzuojihua ul li .lia span:nth-child(1) {
    color: #333333;
    height: 2rem;
    font-size: 0.9375rem;
    line-height: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gongzuojihua ul li .lib {
    float: left;
    line-height: 4rem;
    color: #999999;
    font-size: 18px;
    padding-left: 1rem;
    text-align: left;
}

.gongzuojihua ul li a {
    text-align: center;
    text-decoration: underline;
    color: #999999;
    font-size: 1.125rem;
    line-height: 5.375rem;
}

.gongzuojihua ul li a:hover {
    color: #f7f7f7;
}

.huodong {
    display: flex;
}

.huodong .huodongl {
    width: 100%;
    margin-right: 1.5rem;
}

.huodong .huodongr {
    width: 100%;
    margin-left: 1.5rem;
}

.hdcon .a {
    width: 100%;
    display: block;
    position: relative;
}

.hdcon .a img {
    width: 100%;
    height: 220px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
}

.hdcon .a p {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fbfafa;
    font-size: 0.9375rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.hdcon .a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 10px;
}

.hdcon .a:hover p {
    color: #da0020;
}

.hdcon ul {
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.hdcon ul li {
    clear: both;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.hdcon ul li a {
    color: #333333;
    font-size: 0.9375rem;
}

.hdcon ul li a:hover {
    color: #da0020;
}

.Purchase ul li {
    width: 110px;
    height: 169px;
    float: left;
    margin-right: 15px;
}

.Purchase ul li:nth-child(3n) {
    margin-right: 0px;
}

.Purchase ul li a img {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Purchase ul li a p {
      text-align: center;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 32px;
    width: 110px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.Purchase ul li a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 10px;
}

.luntancon {
    display: flex;
}

.luntanl {
    width: 237px;
}

.luntanl ul li {
    text-align: center;
    clear: both;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}

.luntanl ul li a {
    background: #fff;
    text-align: center;
    width: 222px;
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 1rem;
	color:#000;
    box-shadow: 2px 1px 6px #d3d3d3;
}

.luntanl ul li a img {
    clear: both;
    display: block;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    margin-bottom: 5px;
}

.luntanl ul li a strong {
    text-align: center;
    color: #ff888e;
    font-size: 0.9375rem;
    clear: both;
    display: block;
    width: 100%;
}

.luntanl ul li.on a {
    background: #ff8d92;
}

.luntanl ul li.on a strong {
    color: #f7f7f7;
}

.luntanl ul li.on:after {
    /* background: url(../img/luntan_13.png) no-repeat; */
    width: 15px;
    height: 21px;
    content: " ";
    display: block;
    right: 0px;
    top: 45px;
    position: absolute;
}

.luntanr {
    margin-left: 40px;
    width: 917px;
}

.luntanr dl {
    clear: both;
    display: flex;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #d3d3d3;
}

.luntanr dl:last-child {
    border-bottom: 0;
}

.luntanr dl dt {
    width: 87px;
    float: left;
}

.luntanr dl dt img {
    width: 70px;
    height: 70px;
    border-radius: 70px;
}

.luntanr dl dd {
    /* background: #ffefef; */
    position: relative;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-right: 20px;
    width: 836px;
    border-radius: 0.5rem;
}

.luntanr dl dd .ico {
    display: block;
    background: url(../img/luntan_09.png) no-repeat;
    width: 9px;
    height: 16px;
    position: absolute;
    left: -9px;
    top: 18px;
}

.luntanr dl dd .delete {
    display: block;
    background: url(../img/delete_03.png) no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    right: 29px;
    top: 18px;
}

.luntanr dl dd strong {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    clear: both;
    display: block;
    color: #333333;
    font-size: 0.9375rem;
}

.luntanr dl dd strong span {
    color: #ff888e;
}

.luntanr dl dd p {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    clear: both;
    display: block;
    color: #333333;
    font-size: 0.9375rem;
}

.luntanr dl dd ul {
    clear: both;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.luntanr dl dd ul li {
    float: left;
    margin-right: 1rem;
}

.luntanr dl dd ul li span img {
    width: 200px;
    height: 200px;
    border-radius: 10px;
}

.luntanr dl dd .zanping {
    clear: both;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 6px;
    text-align: right;
}

.luntanr dl dd .zanping .p {
    color: #999999;
    float: left;
    text-align: left;
}

.luntanr dl dd .zanping .zan {
    display: inline-block;
    height: 50px;
    width: 90px;
    background: url(../img/lt_35.png) no-repeat;
    background-position: left 0px top 0px;
    text-align: center;
    color: #999999;
    line-height: 30px;
}
/* xin */
.luntanr dl dd .zanping .zan:hover {
    background: url(../img/lt_29.png) no-repeat;
    background-position: left 0px top 0px;
}

.luntanr dl dd .zanping .ping {
    display: inline-block;
    height: 50px;
    width: 90px;
    background: url(../img/lt_29-12.png) no-repeat;
    background-position: left 0px top 0px;
    text-align: center;
    color: #999999;
    line-height: 30px;
}

.luntanr dl dd .zanping .ping:hover {
    background: url(../img/lt_29-12.png) no-repeat;
    background-position: left 0px top 0px;
}

.luntanr dl dd .perscon {
    background: #f6e2e3;
    padding: 1rem;
    margin: 1rem;
    margin-top: 0px;
    display: flex;
    border-radius: 0.5rem;
}

.luntanr dl dd .perscon .persconl img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.luntanr dl dd .perscon .persconr {
    padding-left: 1rem;
}

.luntanr dl dd .perscon .persconr strong {
    clear: both;
    color: #333333;
    font-size: 0.8125rem;
}

.luntanr dl dd .perscon .persconr p {
    clear: both;
    color: #999999;
    font-size: 0.8125rem;
}

.quantuancon span {
    float: left;
}

.quantuancon span a {
    display: inline-block;
    padding: 10px 26px;
    border: 1px solid #d3d3d3;
    border-radius: 25px;
    margin-right: 1rem;
    padding-top: 4px;
}

.quantuancon span a span {
display:block;
height:32px;
padding:0.2rem 0;
    line-height: 32px;
}

.quantuancon span a span img {
    height: 32px;
    width: 32px;
    border-radius: 10px;
}

.quantuancon span a:hover {
    border: 1px solid #da0020;
}

.quantuancon span a:hover span {
    color: #da0020;
}

.Organization {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    overflow: hidden;
    border-bottom: 1px solid #d3d3d3;
}

.Organization ul {
    display: flex;
    width: 100%;
}

.Organization ul li {
    text-align: center;
    width: 100%;
}

.Organization ul li a img {
    width: 110px;
    height: 110px;
    border-radius: 15px;
}

.Organization ul li a p {
    text-align: center;
    font-size: 0.9375rem;
    color: #333333;
    text-align: center;
    color: #333333;
    font-size: 15px;
    margin: 10px 0;
    width: 120px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.helpcon a {
    clear: both;
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.helpcon a a {
    width: 100%;
}

.bmtit {
    background: url(../img/dtt01_32.png) no-repeat;
    background-position: center center;
    width: 367px;
    height: 85px;
    text-align: center;
    color: #da0020;
    font-size: 0.9375rem;
    line-height: 88px;
}

.baoming .bmcomn {
    background: url(../img/dtfw_33.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 197px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    box-shadow: 3px 3px 6px 6px #d3d3d3;
}

.baoming .bmcomn .tii {
    text-align:center;
    color: #333333;
    font-size: 1.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    height: 5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.baoming .bmcomn p {
    color: #999999;
    font-size: 0.9375rem;
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
}

.baoming .bmcomn .btn {
    display: inline-block;
    padding: 10px 26px;
    border: 1px solid #fdc500;
    border-radius: 25px;
    margin-right: 1rem;
    background: #fdc500;
    color: #da0020;
    margin-top: 1rem;
}

.baoming .bmcomn .swiper-container {
    padding-bottom: 60px;
}

.baoming .bmcomn .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: #d3d3d3;
    border: 1px solid #da0020;
}

.baoming .bmcomn .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #da0020;
    border: 1px solid #da0020;
}

.baozz {
    padding-top: 1.5rem;
}

.zzfw ul {
    display: flex;
    width: 100%;
}

.zzfw ul li {
    text-align: center;
    display: flex;
    width: 100%;
}

.zzfw ul li a img {
    width: 110px;
    height: 110px;
}

.zzfw ul li a p {
text-align: center;
    color: #333333;
    font-size: 15px;
    margin: 10px 0;
    width: 110px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.qiutit {
    text-align: center;
    width: 26rem;
    margin: 0 auto;
    margin-bottom: 30px;
}

.qiutit ul {
    text-align: center;
    display: flex;
}

.qiutit ul li {
    text-align: center;
    margin-left: 2.6875rem;
    margin-right: 2.6875rem;
}

.qiutit ul li strong {
    border: 1px solid #d3d3d3;
    color: #333333;
    font-size: 0.9375rem;
    height: 3rem;
    line-height: 3rem;
    width: 10rem;
    display: inline-block;
    border-radius: 2rem;
    cursor: pointer;
}

.qiutit ul li.on strong {
    background: #da0020 url(../img/fabuon_03.png) no-repeat;
    background-size: 1.4375rem 1.5625rem;
    background-position: left 0.8rem top 0.6rem;
    color: #f7f7f7;
    padding-left: 0.8rem;
}

.qiutit ul li.on strong a {
    color: #fff;
}

.qilist dl {
    clear: both;
    display: flex;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #d3d3d3;
}

.qilist dl:last-child {
    border-bottom: 0;
}

.qilist dl dt {
    width: 9.125rem;
    float: left;
    text-align: center;
    font-size: 0.9375rem;
    color: #333333;
}

.qilist dl dt img {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 4.375rem;
}

.qilist dl dd {
    background: #ffefef;
    position: relative;
    padding-left: 2.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 2.25rem;
    width: 1000px;
    border-radius: 0.5rem;
}

.qilist dl dd .ico {
    display: block;
    background: url(../img/luntan_09.png) no-repeat;
    background-size: 0.5625rem 1rem;
    width: 0.5625rem;
    height: 1rem;
    position: absolute;
    left: -0.5625rem;
    top: 1rem;
}

.qilist dl dd strong {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    clear: both;
    display: block;
    padding-right: 5rem;
    color: #333333;
    font-size: 0.9375rem;
}

.qilist dl dd strong span {
    color: #ff888e;
}

.qilist dl dd p {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    clear: both;
    display: block;
    color: #999999;
    font-size: 0.9375rem;
    padding-right: 7rem;
}

.qilist dl dd .suding {
    position: absolute;
    right: 2rem;
    top: 50%;
    background: #04cad5;
    color: #f7f7f7;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
}

.qilist dl dd .jiebang {
    position: absolute;
    right: 2rem;
    top: 50%;
    background: #fdc500;
    color: #da0020;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
}

.qilist dl dd .toupianon {
    position: absolute;
    right: 2rem;
    top: 50%;
    background: #fdc500;
    color: #da0020;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
}

.qilist dl dd .toupian {
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
    background: #999999;
    color: #ffffff;
}

.toupiaocon {
    background: #f7f7f7;
    text-align: left;
    padding: 2rem 3rem;
    border-radius: 2rem;
    margin-bottom: 2rem;
}

.toupiaocon dl {
    clear: both;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
}

.toupiaocon dl dt {
    width: 10rem;
}

.toupiaocon dl dt img {
    width: 100%;
height:180px;
border-radius: 10px;
}

.toupiaocon dl .dd1 {
    width: 39rem;
    text-align: left;
    padding-left: 2.5rem;
}

.toupiaocon dl .dd1 .dda {
    clear: both;
    display: block;
    overflow: hidden;
}

.toupiaocon dl .dd1 .dda span {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 1.375rem;
    color: #333333;
    padding: 0.25rem 0.25rem;
    display: inline-block;
    float: left;
}

.toupiaocon dl .dd1 .dda strong {
    padding: 0;
    margin: 0;
    background: #fdc500;
    margin-left: 1rem;
    padding: 0.1rem 0.35rem;
    overflow: hidden;
    display: inline-block;
    border-radius: 1rem;
    margin-top: 0.2rem;
    float: left;
}

.toupiaocon dl .dd1 .dda strong span {
    padding: 0;
    margin: 0;
    float: left;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #da0020;
    line-height: 23px;
    margin-right: 0.2rem;
}

.toupiaocon dl .dd1 .dda strong span img {
    margin-left: 0.25rem;
    margin-top: -3px;
    border-radius: 100%;
}

.toupiaocon dl .dd1 p {
    clear: both;
    display: block;
    font-size: 0.9375rem;
    color: #333333;
    padding-top: 1rem;
    line-height: 1.5rem;
}

.toupiaocon dl .dd2 {
    width: 13rem;
    text-align: center;
    padding-top: 4rem;
    padding-left: 4rem;
}

.toupiaocon dl .dd2 p {
    color: #333333;
    font-size: 0.9375rem;
}

.toupiaocon dl .dd2 p span {
    color: #da0020;
    font-size: 1.375rem;
    font-weight: 500;
}

.toupiaocon dl .dd2 a {
    margin: 0 auto;
    background: #fdc500;
    color: #da0020;
    width: 5rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 1.5rem;
    text-align: center;
}

.toupiaodetails {
    background: #f7f7f7;
    text-align: left;
    padding: 2rem 4rem;
    border-radius: 3rem;
    margin-bottom: 4rem;
}

.toupiaodetails p {
    color: #333333;
    font-size: 0.9375rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: left;
}

.toupiaodetails .canyu {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.toupiaodetails .canyu a {
    background: #fdc500 url(../img/jiao01_03.png) no-repeat;
    background-position: left 0.75rem top 0.6rem;
    color: #da0020;
    width: 7rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 1.5rem;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    padding-left: 1.25rem;
    top: -2rem;
}

.toupiaodetails .canyuc {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.toupiaodetails .canyuc a {
    color: #da0020;
    width: 2rem;
    background: #fdc500;
    border-radius: 2rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    position: absolute;
    left: 50%;
    top: -2rem;
}

.toupiaodetails .canyuc a img {
    margin-top: 0.5rem;
}

.listpic {
    overflow: hidden;
}

.listpic ul li {
    width: 33%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.listpic ul li .pica {
    width: 304px;
    margin: 0 auto;
    position: relative;
}

.listpic ul li .pic {
    width: 304px;
height:400px !important;
    background: #ffffff;
    position: relative;
    text-align: center;
}

.listpic ul li .pic .img {
    width: 304px;
    height: 260px;
}

.listpic ul li .pic strong {
    padding: 0;
    margin: 0;
    background: #fdc500;
    padding: 0.1rem 0.35rem;
    overflow: hidden;
    display: inline-block;
    border-radius: 1rem;
    margin-top: 0.2rem;
   /*float: left;*/
    /*position: absolute;
    left: 50%;
    top: 245px;*/
    margin-left: -2.6rem;
}

.listpic ul li .pic strong span {
    padding: 0;
    margin: 0;
    float: left;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #da0020;
    line-height: 23px;
    margin-right: 0.2rem;
}

.listpic ul li .pic strong span img {
    margin-left: 0.25rem;
    margin-top: 0.1rem;
    border-radius: 100%;
}

.listpic ul li .pic .titux {
    padding: 0;
    margin-top: 15px; 
    color: #333333;
    font-size: 1.125rem;
    text-align: center;
    padding-top: 2rem;
    font-weight: 600;
    margin-top: 15px;
}

.listpic ul li .pic .smx {
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 0.9375rem;
    text-align: center;
    padding-top: 1rem;
}

.listpic ul li .pic .smx span {
    color: #da0020;
}
.listpic ul li .tp{
background: #fdc500;
    border-radius: 2rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
}
.listpic ul li .tp a {
    color: #da0020;
   /* width: 4rem;
    background: #fdc500;
    border-radius: 2rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -2rem;
    bottom: 1rem;*/
}

.bottomx {
    background: #da0020;
}

.xiajicomn {
    border-radius: 4rem;
    border: 1px solid #d3d3d3;
    margin: 2rem;
    padding: 2rem;
    width: 100%;
    min-height: 1000px;
    box-shadow: 0 0 5px 5px #d3d3d3;
}

.xiajicomn .xiajitit {
    border-bottom: 1px dotted #999999;
    color: #da0020;
    height: 4rem;
    line-height: 4rem;
    padding-left: 1rem;
    font-size: 1.375rem;
}

.xiajiccn {
    padding-top: 100px;
    padding-left: 200px;
}

.xiajiccn .xiajil {
    width: 187px;
    border-right: 0px solid #d3d3d3;
    margin-right: -1px;
    float: left;
}

.xiajiccn .xiajil ul li {
    height: 102px;
}

.xiajiccn .xiajil ul li .dang {
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    color: #333333;
    font-size: 0.9375rem;
    display: inline-block;
    float: left;
}

.xiajiccn .xiajil ul li .addc {
    width: 62px;
    height: 40px;
    text-align: center;
    display: inline-block;
    float: left;
    position: relative;
}

.xiajiccn .xiajil ul li .addc .add {
    background: url(../img/zhedieadd.png) no-repeat;
    background-position: center center;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-top: 5px;
}

.xiajiccn .xiajil ul li .addc:before {
    content: " ";
    background: #d3d3d3;
    width: 16px;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 50%;
    display: inline-block;
}

.xiajiccn .xiajil ul li .addc:after {
    content: " ";
    background: #d3d3d3;
    width: 16px;
    height: 1px;
    position: absolute;
    right: 0px;
    top: 50%;
    display: none;
}

.xiajiccn .xiajil ul li.on .addc .add {
    background: url(../img/zhedie.png) no-repeat;
    background-position: center center;
}

.xiajiccn .xiajil ul li.on .addc:after {
    display: inline-block;
}

.xiajiccn .xiajir {
    border-left: 1px solid #d3d3d3;
    float: left;
}

.xiajiccn .xiajir .kuai {
    width: 177px;
    height: 102px;
}

.xiajiccn .xiajir .kuai .sp1 {
    float: left;
    width: 42px;
    height: 10px;
    display: inline-block;
    border-top: 1px solid #d3d3d3;
}

.xiajiccn .xiajir .kuai .sp2 {
    float: left;
    width: 11px;
    display: inline-block;
    height: 10px;
    background: url(../img/yousanjiao.png) no-repeat;
    background-position: center center;
    margin-top: -5px;
}

.xiajiccn .xiajir .kuai .sp3 {
    float: left;
    display: inline-block;
    width: 124px;
    margin-top: -20px;
}

.xiajiccn .xiajir .kuai .sp3 strong {
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    color: #333333;
    font-size: 0.9375rem;
    display: inline-block;
}

.xiajiccn .xiajir .kuai .sp3 p {
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #04cad5;
    font-size: 0.9375rem;
    display: inline-block;
}

.xiajiccn .xiajir .kuails {
    width: 17px;
    height: 102px;
    display: block;
    background: #ffffff;
    margin-left: -4px;
    margin-top: -101px;
}

.xiajiccnx {
    padding-top: 0px;
    padding-left: 0px;
}

@media screen and (min-width: 1200px) {
    .con {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    .conx {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
}

@media screen and (max-width: 1200px) {
    .daohangxx {
        width: 1200px;
        margin: 0 auto;
    }
    .topx {
        width: 1200px;
        margin: 0 auto;
    }
    .topx .conz .topr {
        display: block;
    }
    .bottomx {
        width: 1200px;
        margin: 0 auto;
    }
    .daohangn {
        width: 1200px;
        margin: 0 auto;
    }
    .dhlist {
        display: block;
        position: fixed;
        left: 2rem;
        margin-right: 0rem;
        top: 6.4rem;
        width: 1.8rem;
        height: 1.8rem;
        cursor: pointer;
        z-index: 100000;
    }
    .dhlist .line {
        width: 1.8rem;
        height: 0.2rem;
        background-color: #da0020;
        display: block;
        margin-top: 0.4rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .dhlist .line:nth-child(2) {
        width: 1.8rem;
        height: 0.2rem;
        margin-left: 0px;
        background-color: #da0020;
        display: block;
        margin-top: 0.4rem;
        text-align: right;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .dhlist.on {
        position: fixed;
        left: 2rem;
        margin-right: 0rem;
        top: 6.4rem;
        z-index: 100000;
    }
    .dhlist.on .line {
        background-color: #da0020;
    }
    .dhlist.on .line:nth-child(1) {
        -webkit-transform: translateY(0.5rem) rotate(45deg);
        -ms-transform: translateY(0.5rem) rotate(45deg);
        -o-transform: translateY(0.5rem) rotate(45deg);
        transform: translateY(0.5rem) rotate(45deg);
    }
    .dhlist.on .line:nth-child(2) {
        opacity: 0;
    }
    .dhlist.on .line:nth-child(3) {
        -webkit-transform: translateY(-0.8rem) rotate(-45deg);
        -ms-transform: translateY(-0.8rem) rotate(-45deg);
        -o-transform: translateY(-0.8rem) rotate(-45deg);
        transform: translateY(-0.8rem) rotate(-45deg);
    }
    .con {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .conx {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .top {
        position: fixed;
        top: 0rem;
        left: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 100%;
        z-index: 100;
        height: 11rem;
        background: #ffffff;
        border-bottom: 1px solid #d3d3d3;
        overflow: hidden;
        background: url("../img/bg.png") no-repeat;
        background-size: cover;
    }
    .top .con:nth-child(2) {
        display: block;
    }
    .top .con:nth-child(2) .daohangr {
        padding: 0;
        margin: 0;
        clear: both;
        display: block;
        padding-left: 5.5rem;
        padding-right: 1rem;
        text-align: left;
        float: none;
        width: 100%;
        margin-top: 1.5rem;
        height: 4rem;
        line-height: 4rem;
        position: relative;
    }
    .top .con:nth-child(2) .daohangr span {
        padding: 0;
        margin: 0;
        clear: both;
        display: block;
        float: none;
        height: 4rem;
        line-height: 4rem;
    }
    .top .con:nth-child(2) .daohangr span input {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 4rem;
        line-height: 4rem;
        padding-left: 1rem;
        border: 1px solid #d3d3d3;
        border-radius: 3rem;
    }
    .top .con:nth-child(2) .daohangr span.ico {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        display: block;
        height: 1.625rem;
        margin-top: -0.8125rem;
        right: 3rem;
    }
    .top .con:nth-child(2) .daohangr span.ico img {
        height: 1.625rem;
        width: auto;
    }
    .top .topl {
        float: left;
        padding-left: 1.25rem;
    }
    .top .topr {
        float: right;
        padding-right: 1.25rem;
    }
    .top .topr a {
        line-height: 2.5rem;
    }
    .top .topr a span {
        float: left;
        line-height: 2.65rem;
        margin-right: 0.625rem;
        display: inline-block;
        color: #da0020;
        font-size: 0.9375rem;
    }
    .top .topr a span:nth-child(3) img {
        margin-top: 0.8rem;
        width: 0.9rem;
        height: 0.9rem;
    }
    .toph {
        height: 11rem;
        clear: both;
        display: block;
    }
    .daohang {
        position: fixed;
        left: 0px;
        top: 11rem;
        width: 100%;
        height: auto;
        z-index: 100;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: none;
        background: #f7f7f7;
        border-bottom: 1px solid #d3d3d3;
    }
    .daohang .daohangl {
        float: none;
        clear: both;
        display: block;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        overflow: hidden;
        text-align: center;
    }
    .daohang .daohangl a {
        clear: both;
        display: block;
        padding: 0;
        margin: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0rem;
        text-align: center;
        height: auto;
        width: 100%;
        color: #333333;
        font-size: 1.85625rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .daohang .daohangl a:after {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: absolute;
        left: 0%;
        margin-left: 0;
        bottom: 0;
        content: " ";
        display: block;
        width: 100%;
        height: 1px;
        background: #d3d3d3;
        background-size: auto;
    }
    .daohang .daohangl a.on {
        color: #da0020;
    }
    .daohang .daohangl a.on:after {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: absolute;
        left: 0%;
        margin-left: 0;
        bottom: 0;
        content: " ";
        display: block;
        width: 100%;
        height: 2px;
        background: #ffffff;
        background-size: auto;
    }
    .daohang .daohangl a:hover {
        color: #da0020;
    }
    .daohang .daohangl a:hover:after {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: absolute;
        left: 0%;
        margin-left: 0;
        bottom: 0;
        content: " ";
        display: block;
        width: 100%;
        height: 2px;
        background: #ffffff;
        background-size: auto;
    }
    .daohang .daohangr {
        display: none;
    }
    .daohang .topr {
        display: none;
    }
    .newsa .newstit {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newsa .newscon {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newsa .newscon .newsconl {
        width: 100%;
        float: none;
        clear: both;
        display: block;
    }
    .newsa .newscon .newsconr {
        width: 100%;
        float: none;
        clear: both;
        display: block;
    }
    .newsb .newsbl {
        width: 100%;
        float: none;
    }
    .newsb .newsbl .nbtit {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newsb .newsbr {
        width: 100%;
        float: none;
    }
    .newsb .newsbr .nbtit {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newsb .newsbr .nbrcon a {
        padding: 0;
        margin: 0;
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
        text-align: center;
    }
    .newsc .con {
        overflow: hidden;
    }
    .bott span {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    /*list*/
    .newslist .newstop {
        margin-left: 20px;
        margin-right: 20px;
    }
    .newslistl {
        padding: 0;
        margin: 0;
        border-right: 0px solid #dddddd;
        width: 100%;
        display: block;
        float: none;
    }
    .newslistl ul {
        margin-left: 0px;
        width: 100%;
        display: flex;
        clear: both;
    }
    .newslistl ul li {
        clear: none;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        float: left;
        width: 100%;
    }
    .newslistl ul li a {
       margin-right: 0.25px;
        padding-left: 0.2rem;
        padding-right: 4.2rem;
        display:block;
        height: 88px;
        line-height: 88px;
        width:229.5px;
        text-align: center;
        color: #333333;
        font-size: 1.125rem;
        border-radius: 5px;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .newslistl ul li a:after {
        display: none;
    }
    .newslistl ul li.on a {
      /* 新加样式 */
            font-size: 1.125rem;   background: linear-gradient(180deg, #cf4f26 0%,#a00314 100%);
            box-shadow: 2px 1px 6px #d3d3d3;
            color: #fff;
        
    }
    .newslistl ul li.on a:after {
        display: none;
    }
    .newslistl ul li.on a:before {
        display: none;
    }
    .newslistl ul li:hover a {
        font-size: 1.125rem;
        /* box-shadow: 2px 1px 6px #d3d3d3; */

    }
    .newslistl ul li:hover a:after {
        color: #fdc500;
    }
    .newslistl ul li:hover a:before {
        display: none;
    }
    .newslistr {
        padding: 0;
        margin: 0;
        float: none;
        display: block;
        width: 100%;
        padding-bottom: 1.25rem;
    }
    .newslistr.on dl dd {
        padding-left: 1.25rem;
        width: 40rem;
    }
    .newslistr dl {
        padding: 0;
        margin: 0;
        clear: both;
        display: flex;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newslistr dl dt {
        width: 14rem;
        height: 9.5rem;
        text-align: left;
    }
    .newslistr dl dt a img {
        width: 14rem;
        height: 9.5rem;
        border-radius: 15px;
    }
    .newslistr dl dd {
        width: 40rem;
        text-align: left;
        padding-left: 1.25rem;
        padding-top: 0px;
        overflow: hidden;
    }
    .newslistr dl dd a {
        color: #333333;
        font-size: 1.125rem;
        clear: both;
        display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");
        /*FireFox*/
    }
    .newslistr dl dd a:hover {
        color: #da0020;
    }
    .newslistr dl dd p {
        color: #999999;
        font-size: 0.9375rem;
        clear: both;
        display: block;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .newslistr .gglilst {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newslistr .gglilst li {
        clear: both;
        display: flex;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
    .newslistr .gglilst li .dt {
        float: left;
        width: 8rem;
        height: 8rem;
        border-radius: 0.6rem;
        background: #ffffff;
        border: 1px solid #fdc500;
    }
    .newslistr .gglilst li .dt strong {
        width: 100%;
        text-align: center;
        font-size: 1.375rem;
        line-height: 4.125rem;
        display: block;
        color: #fdc500;
    }
    .newslistr .gglilst li .dt p {
        width: 100%;
        text-align: center;
        font-size: 0.9375rem;
        line-height: 1.40625rem;
        display: block;
        color: #999999;
    }
    .newslistr .gglilst li .dd {
        width: 40rem;
        padding-left: 2rem;
        padding-top: 0.2rem;
    }
    .newslistr .gglilst li .dd a {
        color: #333333;
        font-size: 1.375rem;
        clear: both;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");
        /*FireFox*/
        padding-bottom: 15px;
        position: relative;
    }
    .newslistr .gglilst li .dd a:after {
        content: " ";
        background: #fdc500;
        width: 4rem;
        height: 4px;
        position: absolute;
        left: 0px;
        bottom: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .newslistr .gglilst li .dd p {
        color: #999999;
        font-size: 0.9375rem;
        clear: both;
        display: block;
        padding-top: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");
        /*FireFox*/
    }
    .newslistr .gglilst li:hover .dt {
        width: 8rem;
        height: 8rem;
        background: #fdc500;
    }
    .newslistr .gglilst li:hover .dt strong {
        font-size: 1.375rem;
        line-height: 4.125rem;
        color: #ffffff;
    }
    .newslistr .gglilst li:hover .dt p {
        font-size: 0.9375rem;
        line-height: 1.40625rem;
        color: #ffffff;
    }
    .newslistr .gglilst li:hover .dd a {
        color: #da0020;
    }
    .newslistr .gglilst li:hover .dd a:after {
        content: " ";
        background: #fdc500;
        width: 100%;
        height: 4px;
        position: absolute;
        left: 0px;
        bottom: 0;
    }
    .newslistr .piclist {
        width: 100%;
        padding-top: 2rem;
    }
    .newslistr .piclist li {
        float: left;
        width: 50%;
        margin-right: 0;
        margin-bottom: 13px;
        text-align: center;
    }
    .newslistr .piclist li:nth-child(3n) {
        margin-right: 0px;
    }
    .newslistr .piclist li a {
        position: relative;
        width: 18rem;
        margin: 0 auto;
    }
    .newslistr .piclist li a img {
        width: 18rem;
        height: 16.25rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 15px;
    }
    .newslistr .piclist li a:hover img {
        transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        border-radius: 15px;
    }
    .newslistr .zhidu {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .zikutit {
        padding-top: 1.875rem;
        padding-bottom: 2.5rem;
    }
    .zikutit a {
        width: 9rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .btit {
        height: 3.75rem;
    }
    .btitl {
        padding-left: 1.2rem;
    }
    .btitl span {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .btitr {
        padding-right: 1.2rem;
    }
    .btitr .sp1 {
        float: left;
        margin: 0.5rem 1rem 0rem 0;
    }
    .btitr .sp1 img {
        width: 1.5625rem;
        height: 1.25rem;
    }
    .lunbol {
        padding: 0;
        margin: 0;
        height: auto;
        float: none;
        width: calc( 100% - 2.5rem);
    }
    .lunbol .swiper-container {
        margin-left: 1.25rem;
    }
    .lunbol .swiper-container .swiper-slide {
        position: relative;
        width: 100%;
    }
    .lunbol .swiper-container .swiper-slide .img {
        width: 100%;
    }
    .lunbol .swiper-container .swiper-slide .neirong {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }
    .lunbol .swiper-container .swiper-slide .neirong .sp1 {
        position: absolute;
        right: 0.6rem;
        top: 0.45rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .sp1 img {
        width: 3.125rem;
        height: 3.125rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit {
        margin-top: 13rem;
        padding-left: 0.78rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit a {
        color: #f7f7f7;
        font-size: 1.375rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 {
        margin-top: 1rem;
        padding-left: 0.78rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 span {
        border-radius: 1rem;
        padding: 0.1rem 0.4rem;
        color: #f7f7f7;
        font-size: 0.8125rem;
  height:20px;
      line-height:20px;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 span:nth-child(1) {
        background: #ff888e;
        margin-left: 0.5rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 span:nth-child(2) {
        background: #04cad5;
        margin-left: 0.2rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 {
        margin-top: 0.8rem;
        padding-left: 0.78rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span {
        padding: 0rem 0rem;
        color: #f7f7f7;
        font-size: 0.8125rem;
        display: inline-block;
        float: left;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(1) {
        margin-left: 0.4rem;
        margin-top: 0;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(1) img {
        width: 2rem;
        height: 2rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(2) {
        padding-top: .5rem;
        margin-left: 0.5rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(3) {
        padding-top: .5rem;
        margin-left: 2.2rem;
    }
    .lunbol .swiper-container .swiper-button-next {
        display: block;
        width: 1.4rem;
        height: 2rem;
        background: url(../img/chevron-right.png);
        background-size: cover;
        right: 70px;
        top: auto;
        cursor: pointer;
        bottom: 2.03125rem;
    }
    .lunbol .swiper-container .swiper-button-prev {
        display: block;
        width: 1.4rem;
        height: 2rem;
        background: url(../img/chevron-left.png);
        background-size: cover;
        left: auto;
        right: 100px;
        top: auto;
        cursor: pointer;
        bottom: 2.03125rem;
    }
    .lunbor {
        padding: 0;
        margin: 0;
        width: auto;
        float: none;
        background: #fff;
        height: auto;
        border-radius: 1rem;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        padding-bottom: 1.25rem;
        margin-top: 2.5rem;
        z-index: 1;
    }
    .lunbor .img {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .lubc {
        padding: 0;
        margin: 0;
        margin-top: 1rem;
        padding-left: 0.78rem;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        overflow: hidden;
        white-space: nowrap;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");
        /*FireFox*/
    }
    .lubc a {
        color: #333333;
        font-size: 1.125rem;
    }
    .lubc a span {
        color: #da0020;
    }
    .lubc a:hover {
        color: #da0020;
    }
    .plist {
        padding: 0;
        margin: 0;
        padding: 1.25rem;
        padding-top: 0;
    }
    .plist dl {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
        margin-top: 2.5rem;
        padding-bottom: 1rem;
    }
    .plist dl dt {
        width: 100%;
        height: auto;
    }
    .plist dl dt a .img {
        width: 100%;
        height: auto;
    }
    .kaoshilist ul {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
    .kaoshicenter {
        display: block;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
    .kaoshil {
        width: 100%;
        float: none;
        clear: both;
    }
    .kaoshir {
        width: 100%;
        float: none;
        clear: both;
    }
    .kaoshir .kaoshirs {
        border-radius: 3rem;
    }
    .tijiao {
        width: 90%;
        height: 25rem;
        border-radius: 0.5rem;
        position: absolute;
        left: 5%;
        margin-left: 0;
        top: 50%;
        margin-top: -12.5rem;
    }
    .listpic {
        overflow: hidden;
    }
    .listpic ul li {
        width: 100%;
        text-align: center;
        display: inline-block;
    vertical-align: top;
        margin-top: 1rem;
        margin-bottom: 1rem;
        clear: both;
    }
    .listpic ul li .pica {
        width: 304px;
        margin: 0 auto;
        position: relative;
    }
    .listpic ul li .pic {
        width: 304px;
       height:400px;
        background: #ffffff;
        position: relative;
        text-align: center;
    }
    .listpic ul li .pic .img {
        width: 304px;
        height: 260px;
    }
    .listpic ul li .pic strong {
        padding: 0;
        margin: 0;
        background: #fdc500;
        padding: 0.1rem 0.35rem;
        overflow: hidden;
        display: inline-block;
        border-radius: 1rem;
        margin-top: 0.2rem;
        float: left;
        position: absolute;
        left: 50%;
        top: 245px;
        margin-left: -2.6rem;
    }
    .listpic ul li .pic strong span {
        padding: 0;
        margin: 0;
        float: left;
        font-size: 0.9375rem;
        font-weight: 500;
        color: #da0020;
        line-height: 23px;
        margin-right: 0.2rem;
    }
    .listpic ul li .pic strong span img {
        margin-left: 0.25rem;
        margin-top: 0.1rem;
        border-radius: 100%;
    }
    .listpic ul li .pic .titux {
        padding: 0;
        margin: 0;
        color: #333333;
        font-size: 1.125rem;
        text-align: center;
        padding-top: 2rem;
        font-weight: 600;
    }
    .listpic ul li .pic .smx {
        padding: 0;
        margin: 0;
        color: #333333;
        font-size: 0.9375rem;
        text-align: center;
        padding-top: 1rem;
    }
    .listpic ul li .pic .smx span {
        color: #da0020;
    }
    .listpic ul li .tp a {
        color: #da0020;
        /*width: 4rem;
        background: #fdc500;
        border-radius: 2rem;
        margin-top: 1rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        position: absolute;
        left: 50%;
        margin-left: -2rem;
        bottom: 1rem;*/
    }
    .kaoshir {
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
        margin-top: 1.5rem;
        position: relative;
        clear: both;
        top: auto;
        left: auto;
        right: auto;
    }
    .kaoshirx {
        clear: both;
        display: block;
        padding-top: 1.5rem;
        padding-left: 4rem;
    }
    .kaoshirx a {
        box-shadow: 1px 2px 3px #999999;
        color: #f7f7f7;
        font-size: 1.375rem;
        width: 8rem;
        height: 4rem;
        line-height: 4rem;
        border-radius: 0rem;
        display: inline-block;
        text-align: center;
        margin: 1rem 0.5rem 1rem 0.5rem;
        background: #fdc500;
    }
    .kaoshirx a:hover {
        background: #da0020;
        color: #ffffff;
    }
    .slstit {
        display: none;
    }
}


/*---评论---*/

.editShare {
    margin-top: 20px;
    line-height: 44px;
}

.editShare .editBar {
    width: 100%;
    display: block;
    margin-top: 30px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.editShare .editBar li {
    float: left;
    width: 33.2%;
    text-align: center;
    border-right: 1px solid #ddd;
    position: relative;
}

.editShare .editBar li .no-right {
    border-right: none;
}

.editShare li .one {
    font-size: 16px;
    color: #999;
}

.editShare li .one {
    text-align: center;
    display: block;
}

.editShare li .one:hover {
    background: #369;
    color: #fff;
}

.comment {
    width: 98%;
    margin: 30px auto;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}

.comment h3 {
    height: 28px;
    font-size: 14px;
    line-height: 28px
}

.com_form {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 10px;
}

.input1 {
    width: 100%;
    text-align: left;
    height: 70px;
    padding: 5px;
    resize: none;
    border: none;
    outline: none;
    padding: 10px;
}

.com_form p {
    position: relative;
    overflow: hidden;
}

.mt10 {
    margin-top: 10px;
}

.lh40 {
    line-height: 40px;
}

.ovh {
    overflow: hidden;
}

.mt35 {
    margin-top: 35px;
}

.fr {
    float: right;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-info {
    color: #fff;
    background-color: #f20d0d;
    border-color: #f20d0d;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.media {
    width: 100%;
    margin-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    /* border-bottom: 1px dashed #eee; */
}

.media-left {
    float: left;
    padding-right: 10px;
    width: 8%
}

.media-object {
    width: 50px;
    height: 50px;
    border: #F1F1F1 solid 1px;
    padding: 2px;
    border-radius: 50%;
    background: #F3F2EF;
    box-shadow: 0 1px 0 #ccc;
}

.media-left,
.media-body {
    vertical-align: top;
}

.media-body {
    float: left;
    width: 83%;
    overflow: hidden;
    zoom: 1;
}

.media-body .pic_h {
    height: 30px;
}

.media-body .pic_h .pic_user {
    font-size: 16px;
    color: #000;
}

.media-body .pic_h .pic_date {
    margin-left: 20px;
    font-size: 12px;
    color: #999;
}

.media-body .pic_txt {
    font-size: 14px;
    color: #666;
}

.fl {
    float: left;
}

.pagination>li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
 width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.pagination>.disabled {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.page .active {
  
        background: #af1c1a;
        color: #ffffff;
        box-shadow: 1px 2px 3px #999999;
        color: #999999;
        font-size: 0.9375rem;
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        border-radius: 3rem;
        display: inline-block;
        margin-left: 0.2rem;
        margin-right: 0.2rem;
        color: #fff;
 
}

#wrap1 {
    margin-top: 35px;
}

#wrap1>a {
    width: 60px;
    display: block;
    background: #f1f2f2;
    text-align: center;
    font-size: 55px;
    color: #b1b1b1;
    padding: 0px 0;
}

#wrap1>.prev {
    float: left;
}

#wrap1>.next {
    float: right;
}

#flip img:hover {
    width: 110px !important;
}
#flip img{
   border-radius: 15px;
}
#tips-zhiyi {
    position: absolute;
    top: 80px;
    left: 170px;
    color: #d10007;
}

#tips-tishi {
    color: #d10007;
    display: inline-block;
    margin-top: 74px;
    color: #d10007;
    margin-left:15px;
}
.mt10>.comm_title {
    border-bottom: 1px solid #ffff !important;
    padding-bottom: 20px;
}
.comm_title {
    font-size: 17px !important;
    margin: 20px 0 !important;
}
.xian {
    color: red;
    font-size: 25px;
    margin-right: 21px;
    display: inline-block!important;;
    margin-top: 10px !important;;
    margin-left: 5px !important;;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.daohangxx .daohangrx span.ico {
    position: absolute;
    right: 2rem;
    top: 0.4375rem;
    cursor: pointer;
}

.daohangxx .toprx {
    display: none;
}

.newsa {
    padding-top: 1rem;
    overflow: hidden;
}

.newsa .newstit {
    height: 3.125rem;
    line-height: 3.125rem;
    border-bottom: 1px solid #d3d3d3;
    clear: both;
}

.newsa .newstit ul li {
    float: left;
    color: #333333;
    margin-right: 3rem;
    width: 6rem;
    cursor: pointer;
    text-align: center;
    font-size: 1.1rem;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsa .newstit ul li:after {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    content: " ";
    left: 0%;
    width: 0rem;
    height: 0px;
    bottom: 0;
    background: #da0020;
    display: block;
    margin-left: 0rem;
}

.newsa .newstit ul li.on {
    color: #da0020;
}

.newsa .newstit ul li.on:after {
    position: absolute;
    content: " ";
    left: 50%;
    width: 5rem;
    height: 2px;
    bottom: 0;
    background: #da0020;
    display: block;
    margin-left: -2.5rem;
}

.newsa .newstit ul li:hover {
    color: #da0020;
}

.newsa .newstit ul li:hover:after {
    position: absolute;
    content: " ";
    left: 50%;
    width: 5rem;
    height: 2px;
    bottom: 0;
    background: #da0020;
    display: block;
    margin-left: -2.5rem;
}

.newsa .newscon {
    clear: both;
    display: block;
    padding-bottom: 1rem;
    overflow: hidden;
}

.newsa .newscon .newsconl {
    width: 35rem;
    text-align: left;
    padding-top: 1.875rem;
    float: left;
}

.newsa .newscon .newsconl a img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.newsa .newscon .newsconl a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 15px;
}

.newsa .newscon .newsconl strong {
    display: block;
    padding-top: 0.625rem;
    line-height: 3.125rem;
}

.newsa .newscon .newsconl strong a {
    height: 3.125rem;
    color: #333333;
    font-size: 1.125rem;
}

.newsa .newscon .newsconl strong a:hover {
    font-weight: 700;
    color: #da0020;
}

.newsa .newscon .newsconl p {
    text-align: left;
    color: #999999;
    font-size: 0.9375rem;
    line-height: 1.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.newsa .newscon .newsconr {
    width: 36.25rem;
    float: right;
    padding-top: 0.9375rem;
}

.newsa .newscon .newsconr ul {
    padding-left: 0.625rem;
}

.newsa .newscon .newsconr ul li {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    height: 3.75rem;
    line-height: 2.5rem;
    white-space: nowrap;
    border-bottom: 1px solid #d3d3d3;
}

.newsa .newscon .newsconr ul li a {
    color: #333333;
    font-size: 0.9375rem;
    padding-left: 1.5rem;
    position: relative;
}

.newsa .newscon .newsconr ul li a:after {
    content: "〇";
    color: #999999;
    font-size: 0.8125rem;
    position: absolute;
    left: 0px;
    top: -11px;
    display: block;
}

.newsa .newscon .newsconr ul li a span {
    float: right;
    color: #999999;
    font-size: 0.8125rem;
}

.newsa .newscon .newsconr ul li a:hover {
    color: #da0020;
}

.newsa .newscon .newsconr .more {
    clear: both;
    display: block;
    padding-top: 1.25rem;
    padding-left: 0.625rem;
}

.newsa .newscon .newsconr .more a {
    color: #da0020;
    font-size: 0.9375rem;
    text-align: left;
}

.newsa .newscon .newsconr .more a:hover {
    font-weight: 500;
}

.nbtit {
    height: 3.375rem;
    line-height: 2.25rem;
    padding-bottom: 1.125rem;
    border-bottom: 1px solid #d3d3d3;
}

.nbtit strong {
    color: #333333;
    font-size: 1.375rem;
    padding-top: 0.5rem;
    position: relative;
    padding-left: 0.9375rem;
}

.nbtit strong:after {
    content: " ";
    background: #da0020;
    width: 0.25rem;
    height: 2.25rem;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.nbtit span {
    color: #999999;
    font-size: 0.8125rem;
}

.nbtit a {
    color: #da0020;
    float: right;
    font-size: 1.125rem;
}

.nbtit a:hover {
    font-weight: 500;
}

.newsb {
    overflow: hidden;
}

.newsb .newsbl {
    width: 36.25rem;
    float: left;
}

.newsb .newsbl .nbcon {
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    overflow: hidden;
}

.newsb .newsbl .nbcon ul {
    width: 100%;
}

.newsb .newsbl .nbcon ul li {
    display: inline-block;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    width: 25%;
    text-align: center;
    float: left;
}

.newsb .newsbl .nbcon ul li a img {
    width: 3rem;
    height: 3rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsb .newsbl .nbcon ul li a p {
    color: #333333;
    font-size: 0.9375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsb .newsbl .nbcon ul li a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.newsb .newsbl .nbcon ul li a:hover p {
    color: #da0020;
    font-weight: 700;
}

.newsb .newsbr {
    width: 36.25rem;
    float: right;
}

.newsb .newsbr .nbrcon {
    clear: both;
    display: block;
    padding-top: 1.5625rem;
}

.newsb .newsbr .nbrcon ul {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.newsb .newsbr .nbrcon ul li {
    font-size: 0;
    float: left;
    width: 50%;
}

.newsb .newsbr .nbrcon ul li a {
    display: inline-block;
    clear: both;
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    overflow: hidden;
}

.newsb .newsbr .nbrcon ul li a img {
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
    height: 110px;
}

.newsb .newsbr .nbrcon ul li a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 15px;
}

.newsc {
    clear: both;
    display: block;
}

.newsc .con {
    padding-bottom: 0.875rem;
}

.newsc .nbcon {
    padding-top: 0.875rem;
}

.newsc .nbcon a img {
    width: 17.75rem;
    height: 13.3125rem;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsc .nbcon a p {
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    color: #333333;
    font-size: 0.9375rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newsc .nbcon a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.newsc .nbcon a:hover p {
    color: #da0020;
}

.ad {
    margin-bottom: 1rem;
}

.bottom {
    background: #da0020;
    padding: 20px;
}

.bott {
    text-align: center;
    color: #d3d3d3;
    font-size: 0.9375rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    position: relative;
    overflow: hidden;
}

.bott a {
    display: inline-block;
    color: #d3d3d3;
}

.bott a:hover {
    font-weight: 500;
    color: #ffffff;
}

.bott span {
    display: inline-block;
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
}

.bott:after {
    content: " ";
    height: 2px;
    width: 50rem;
    display: block;
    position: absolute;
    left: 50%;
    background: url(../img/btb_03.jpg) no-repeat;
    background-position: center center;
    margin-left: -25rem;
    bottom: 0px;
}

.botx {
    color: #d3d3d3;
    font-size: 0.9375rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    overflow: hidden;
    position: relative;
}

.botx p {
    clear: both;
    display: block;
    text-align: center;
    line-height: 1.875rem;
}


/*list*/

.newslist .newstop {
    padding-left: 1rem;
    color: #333;
    font-size: 1.375rem;
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.newslist .newstop:after {
    content: " ";
    background: #da0020;
    width: 0.25rem;
    height: 1.5rem;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0rem;
}

.newslist .newstop span {
    float: left;
    color: #333333;
    font-size: 0.9375rem;
}

.newslist .newstop span.on {
    color: #da0020;
}

.newslistl {
    border-right: 1px solid #dddddd;
    width: 274px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    float: left;
}

.newslistl ul {
    margin-left: 20px;
}

.newslistl ul li {
    clear: both;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.newslistl ul li a {
    padding-left: 35px;
    margin-right: 25px;
    height: 88px;
    line-height: 88px;
    text-align: left;
    color: #333333;
    font-size: 1.125rem;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.newslistl ul li a:after {
    content: "•";
    color: #999999;
    font-size: 0.9375rem;
    float: left;
    margin-top: 0px;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.newslistl ul li.on a {/* 新加样式 */
    font-size: 1.125rem;   background: linear-gradient(180deg, #cf4f26 0%,#a00314 100%);
    box-shadow: 2px 1px 6px #d3d3d3;
    color: #fff;
}

.newslistl ul li.on a:after {
    color: #fdc500;
}

.newslistl ul li.on a:before {
/*    content: " ";
    width: 2px;
    height: 94px;
    background: #fdc500;
    display: block;
    position: absolute;
    right: -25px;
    top: 0px; */
	/* 新加样式 
	*/
   content: " ";
    width: 229px;
    height: 55px;
	display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 5px;
	background: linear-gradient(180deg, #cf4f26 0%, #a00314 100%);   
}

.newslistl ul li:hover a {
    font-size: 1.125rem;
    box-shadow: 2px 1px 6px #d3d3d3;
}

.newslistl ul li:hover a:after {
    color: #fdc500;
}

.newslistl ul li:hover a:before {
    content: " ";
    width: 2px;
    height: 94px;
    background: #fdc500;
    display: block;
    position: absolute;
    right: -25px;
    top: 0px;
}

.newslistlw {
    border-right: 1px solid #dddddd;
    width: 274px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    float: left;
}

.newslistlw ul {
    margin-left: 20px;
}

.newslistlw ul li {
    clear: both;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.newslistlw ul li a {
    padding-left: 35px;
    margin-right: 25px;
    height: 88px;
    line-height: 88px;
    text-align: left;
    color: #333333;
    font-size: 1.125rem;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.newslistlw ul li a:after {
    content: "•";
    color: #999999;
    font-size: 0.9375rem;
    float: left;
    margin-top: 0px;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newslistlw ul li.on a {
    font-size: 1.125rem;
    box-shadow: 2px 1px 6px #d3d3d3;
}

.newslistlw ul li.on a:after {
    color: #fdc500;
}

.newslistlw ul li.on a:before {
    content: " ";
    width: 2px;
    height: 94px;
    background: #fdc500;
    display: block;
    position: absolute;
    right: -25px;
    top: 0px;
}

.newslistlw ul li:hover a {
    font-size: 1.125rem;
    box-shadow: 2px 1px 6px #d3d3d3;
}

.newslistlw ul li:hover a:after {
    color: #fdc500;
}

.newslistlw ul li:hover a:before {
    content: " ";
    width: 2px;
    height: 94px;
    background: #fdc500;
    display: block;
    position: absolute;
    right: -25px;
    top: 0px;
}

.newslistr {
    width: 925px;
    float: left;
    padding-left: 34px;
    padding-bottom: 30px;
}

.newslistr.on {
    width: 100%;
    float: none;
    padding-left: 0px;
}

.newslistr.on dl dd {
    padding-left: 33px;
    width: 930px;
}

.newslistr dl {
    clear: both;
    display: flex;
    padding-bottom: 20px;
}

.newslistr dl dt {
    float: left;
    width: 226px;
    height: 152px;
}

.newslistr dl dt a img {
    width: 226px;
    height: 152px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.newslistr dl dt a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.newslistr dl dd {
    float: left;
    width: 640px;
    text-align: left;
    padding-left: 20px !important;
    padding-top: 10px;
}
.newslistr dl dd a {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newslistr dl dd a:hover {
    color: #da0020;
}

.newslistr dl dd p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    height:3.1rem;
    display: block;
    padding-top: 10px;
    margin:15px 0;
    display: -webkit-box;
     display:block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newslistr .piclist {
    width: 100%;
}

.newslistr .piclist li {
    float: left;
    width: 288px;
    margin-right: 13px;
    margin-bottom: 13px;
}

.newslistr .piclist li:nth-child(3n) {
    margin-right: 0px;
}

.newslistr .piclist li a {
    position: relative;
}

.newslistr .piclist li a img {
    width: 288px;
    height: 260px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.newslistr .piclist li a p {
    text-align: center;
    position: absolute;
    left: 0px;
    color: #ffffff;
    font-size: 0.9375rem;
    bottom: 0.1rem;
    background: rgba(0, 0, 0, 0.3);
    height: 1.875rem;
    line-height: 1.875rem;
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 0px 0px 10px 10px;
    display: -webkit-box;
   display:block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newslistr .piclist li a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.newslistr .gglilst li {
    clear: both;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}

.newslistr .gglilst li:hover .dt {
    float: left;
    width: 5rem;
    height: 5rem;
    border-radius: 0.6rem;
    background: #fdc500;
}

.newslistr .gglilst li:hover .dt strong {
    width: 100%;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 2.34375rem;
    display: block;
    color: #ffffff;
}

.newslistr .gglilst li:hover .dt p {
    width: 100%;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.40625rem;
    display: block;
    color: #ffffff;
}

.newslistr .gglilst li:hover .dd a {
    color: #da0020;
}

.newslistr .gglilst li:hover .dd a:after {
    content: " ";
    background: #fdc500;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0px;
    bottom: 0;
}

.newslistr .gglilst li .dt {
    float: left;
    width: 5rem;
    height: 5rem;
    border-radius: 0.6rem;
    background: #ffffff;
    border: 1px solid #fdc500;
}

.newslistr .gglilst li .dt strong {
    width: 100%;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 2.34375rem;
    display: block;
    color: #fdc500;
}

.newslistr .gglilst li .dt p {
    width: 100%;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.40625rem;
    display: block;
    color: #999999;
}

.newslistr .gglilst li .dd {
    width: 50rem;
    padding-left: 2rem;
    padding-top: 0.2rem;
}

.newslistr .gglilst li .dd a {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    padding-bottom: 15px;
    position: relative;
}

.newslistr .gglilst li .dd a:after {
    content: " ";
    background: #fdc500;
    width: 4rem;
    height: 4px;
    position: absolute;
    left: 0px;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newslistr .gglilst li .dd p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display:block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.newslistr .zhidu {
    padding-left: 0rem;
    padding-right: 0rem;
}

.newslistr .zhidu li {
    clear: both;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    background: #f7f7f7;
    border-radius: 1rem;
}

.newslistr .zhidu li:hover {
    background: #fdc500;
}

.newslistr .zhidu li:hover a {
    color: #f7f7f7;
    font-size: 1.2375rem;
}

.newslistr .zhidu li:hover p {
    color: #f7f7f7;
}

.newslistr .zhidu li a {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: inline-block;
    font-weight: 500;
    height: 1.6875rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    padding-bottom: 15px;
    position: relative;
}

.newslistr .zhidu li p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.page {
    clear: both;
    display: block;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
}

.page a {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.page a:hover {
    background: #da0020;
    color: #ffffff;
}

.page a.on {
    background: #da0020;
    color: #ffffff;
}

.zikutit {
    padding-bottom: 15px;
    text-align: center;
}

.zikutit a {
    display: block;
    float:left;
    margin-bottom:15px;
    width: 10rem;
    height: 3.125rem;
    border: 1px solid #d3d3d3;
    color: #333333;
    border-radius: 2rem;
    text-align: center;
    line-height:3.125rem;
    margin-left: 0.5rem;
    margin-right: 2.5rem;
    padding:0.1rem 0;
}

.zikutit a:hover {
    background: #da0020;
    border: 1px solid #da0020;
    color: #f7f7f7;
    box-shadow: 1px 2px 2px 1px #da0020;
}

.zikutit a.on {
    background: #da0020;
    border: 1px solid #da0020;
    color: #f7f7f7;
    
}

.btit {
    clear: both;
    display: block;
    height: 50px;
}

.btitl {
    float: left;
}

.btitl a {
    font-size: 0.9375rem;
    color: #999999;
    display: inline-block;
}

.btitl a:hover {
    color: #da0020;
}

.btitl span {
    font-size: 0.9375rem;
    color: #999999;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    display: inline-block;
}

.btitr {
    float: right;
}

.btitr .sp1 {
    float: left;
    margin: 0.5rem 1rem 0rem 0;
}

.btitr .sp1 img {
    width: 25px;
    height: 20px;
border-radius: 0;
}

.btitr .sp2 {
    float: left;
    color: #f7f7f7;
    font-size: 0.9375rem;
    padding-left: 0.5rem;
    padding-right: 1rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    display: inline-block;
    position: relative;
    background-color: #ffc500;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 10;
}

.btitr .sp2 span {
    float: left;
}

.btitr .sp2 span:nth-child(1) {
    margin-left: 1rem;
}

.btitr .sp2 span:nth-child(2) {
    margin-left: 0.25rem;
}

.btitr .sp2 span:nth-child(2) img {
    width: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btitr .sp2 img {
    margin-top: 0.65rem;
    display: inline-block;
}

.btitr .sp2 ul {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 2rem;
    background: #fff5b9;
    width: 100%;
    text-align: center;
    height: auto;
    overflow: hidden;
    z-index: 100;
    display: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.btitr .sp2 ul li {
    padding: 0;
    margin: 0;
    line-height: 2rem;
    text-align: left;
    padding-left: 1rem;
    color: #333;
    font-size: 0.9375rem;
    white-space: wrap;
    cursor: pointer;
    border-bottom: 1px solid #ffea65;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btitr .sp2 ul li:hover {
    background: #ffffff;
}

.btitr .sp2:hover span img {
    -webkit-transform: translateY(0px) rotate(180deg);
    -ms-transform: translateY(0px) rotate(180deg);
    -o-transform: translateY(0px) rotate(180deg);
    transform: translateY(0px) rotate(180deg);
}

.btitr .sp2:hover ul {
    display: block;
}

.lunbol {
    width: 790px;
    height: 380px;
    float: left;
}

.lunbol .swiper-container {
    width: 100%;
}

.lunbol .swiper-container .swiper-slide {
    position: relative;
    width: 100%;
}

.lunbol .swiper-container .swiper-slide .img {
    width: 100%;
}

.lunbol .swiper-container .swiper-slide .neirong {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.lunbol .swiper-container .swiper-slide .neirong .sp1 {
    position: absolute;
    right: 0.6rem;
    top: 0.45rem;
}

.lunbol .swiper-container .swiper-slide .neirong .sp1 img {
    width: 3.125rem;
    height: 3.125rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit {
    margin-top: 15.225rem;
    padding-left: 0.78rem;
    display: -webkit-box;
     display:block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit,.lunbol .swiper-container .swiper-slide .neirong .lbtit a{
    color: #f7f7f7;
    font-size: 1rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit1 {
    margin-top: 1rem;
    padding-left: 0.78rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit1 span {
    border-radius: 1rem;
    padding: 0.2rem 0.4rem;
    color: #f7f7f7;
    font-size: 0.8125rem;
    display:inline-block;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit1 span:nth-child(1) {
    background: #ff888e;
    margin-left: 0.5rem;
}

.lbtit1 .blue {
    background: #04cad5;
    margin-left: 0.2rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 {
    margin-top: 0.8rem;
    padding-left: 0.78rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span {
    padding: 0rem 0rem;
    color: #f7f7f7;
    font-size: 0.8125rem;
    display: inline-block;
    float: left;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(1) {
    margin-left: 0.4rem;
    margin-top: 0;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(1) img {
    width: 2rem;
    height: 2rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(2) {
    padding-top: .5rem;
    margin-left: 0.5rem;
}

.lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(3) {
    padding-top: .5rem;
    margin-left: 2.2rem;
}

.lunbol .swiper-container .swiper-button-next {
    display: block;
    width: 1.4rem;
    height: 2rem;
    background: url(../img/chevron-right.png);
    background-size: cover;
    right: 70px;
    top: auto;
    cursor: pointer;
    bottom: 2.03125rem;
}

.lunbol .swiper-container .swiper-button-prev {
    display: block;
    width: 1.4rem;
    height: 2rem;
    background: url(../img/chevron-left.png);
    background-size: cover;
    left: auto;
    right: 100px;
    top: auto;
    cursor: pointer;
    bottom: 2.03125rem;
}

.lunbor {
    width: 378px;
    float: right;
    background: #fff;
    padding-bottom: 1rem;
    border-radius: 1rem;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px 0px #d3d3d3;
    margin-right: 6px;
    z-index: 1;
}

.lunbor .img {
    width: 378px;
    height: 245px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.star {
    position: absolute;
    right: 0.6rem;
    top: 0.45rem;
    width: 3.125rem;
    height: 3.125rem;
}

.lubc {
    margin-top: 1rem;
    padding-left: 0.78rem;
    padding-bottom: 45px;
    display: -webkit-box;
    display:block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.lubc a {
    color: #333;
    font-size: 1rem;
}

.lubc a span {
    color: #da0020;
}

.lubc a:hover {
    color: #da0020;
}

.lubdl {
    margin-top: 0.5rem;
    padding-left: 0.78rem;
    float: left;
}

.lubdl span {
    display:block;
    float:left; 
    height:1.5rem;
    line-height:1.5rem;
    margin-right:0.1rem;
    border-radius: 1rem;
    padding: 0.05rem 0.4rem;
    color: #f7f7f7;
    font-size: 0.8125rem;
}

.lubdl span:nth-child(1) {
    background: #ff888e;
    margin-left: 0.5rem;
}

.lubdl span:nth-child(2) {
    background: #04cad5;
    margin-left: 0.2rem;
}

.lubdr {
    margin-top: 0.5rem;
    padding-left: 0.78rem;
    padding-right: 0.78rem;
    float: right;
}

.lubdr span {
    padding: 0rem 0rem;
    color: #999999;
    font-size: 0.8125rem;
    display: inline-block;
    float: left;
}

.lubdr span:nth-child(1) {
    margin-left: 0.4rem;
    margin-top: 0rem;
}

.lubdr span:nth-child(1) img {
    width: 2rem;
    height: 2rem;
}

.lubdr span:nth-child(2) {
    margin-left: 0.5rem;
    line-height: 2rem;
}

.lubdr span:nth-child(3) {
    margin-left: 2.2rem;
    line-height: 2rem;
}

.lube {
    margin-top: 0.5rem;
    padding-left: 0.78rem;
    clear: both;
    display: block;
    color: #999999;
    font-size: #333333;
}

.plist {
    clear: both;
    display: block;
}

.plist dl {
    width: 378px;
    float: left;
    background: #fff;
    border-radius: 1rem;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px 0px #d3d3d3;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.plist dl:nth-child(3n) {
    margin-right: 0px;
}

.plist dl:nth-child(3n+1) {
    margin-left: 0px;
}

.plist dl dt {
    width: 378px;
    height: 240px;
    border-radius: 0.5rem 0.5rem 0 0;
    overflow: hidden;
}

.plist dl dt a {
    border-radius: 0.5rem 0.5rem 0 0;
}

.plist dl dt a .img {
    width: 378px;
    height: 240px;
    border-radius: 0.5rem 0.5rem 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.plist dl dt a:hover .img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.kaoshilist {
    clear: both;
    display: block;
    padding-top: 1rem;
}

.kaoshilist ul li {
    padding: 0;
    margin: 0;
    border: 1px solid #d3d3d3;
    margin-bottom: 1.2rem;
    padding: 2rem 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.kaoshilist ul li .hangyi {
    clear: both;
    display: block;
    padding-bottom: 0.5rem;
}

.kaoshilist ul li .hangyi .bq {
    background: #ff888e;
    color: #f7f7f7;
    display: inline-block;
    padding: 0.3rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
}

.kaoshilist ul li .hangyi .bt {
    font-size: 1.125rem;
    color: #333333;
    width:80%;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.kaoshilist ul li .hanger {
    clear: both;
    display: block;
    padding:0.7rem 0;
    padding-left: 3rem;
width:80%;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.kaoshilist ul li .hanger span {
    font-size: 0.8125rem;
    color: #999999;
    margin-right: 1rem;
}

.kaoshilist ul li .hangsan {
    clear: both;
    display: block;
    padding-left: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.kaoshilist ul li .hangsan span {
    font-size: 0.8125rem;
    color: #04cad5;
    margin-right: 1rem;
}

.kaoshilist ul li .hangsan span:first-child {
    background: #04cad5;
    color: #f7f7f7;
    padding: 0.2rem 0.3rem;
    border-radius: 1rem;
}

.kaoshilist ul li .hangsan.on span {
    color: #da0020;
}

.kaoshilist ul li .hangsan.on span:first-child {
    background: #da0020;
    color: #f7f7f7;
}

.kaoshilist ul li .kaoshi {
    background: #fdc500;
    color: #da0020;
    border-radius: 1.5rem;
    display: inline-block;
    padding: 0.65rem 1.2rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    margin-top: -1.5rem;
}

.jiexi .tit {
    text-align: center;
    font-size: 1.375rem;
    color: #333333;
    font-weight: 400;
    clear: both;
    margin-top: 10px;
}

.jiexi .cic {
    text-align: center;
    color: #999999;
    font-size: 0.8125rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    clear: both;
}

.jiexi .datika {
    background: #f7f7f7;
    padding: 2rem 4rem;
    border-radius: 4rem;
}

.jiexi .datika .datit {
    clear: both;
    font-size: 0.9375rem;
    color: #333333;
}

.jiexi .datika .dacon {
    clear: both;
    display: flex;
    padding-top: 1rem;
}

.jiexi .datika .dacon .daconl {
    width: 47rem;
    border-right: 1px solid #d3d3d3;
}

.jiexi .datika .dacon .daconl a {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    text-align: center;
    margin: 1rem 1.2rem 1rem 0rem;
    background: #ffffff;
}

.jiexi .datika .dacon .daconl a:hover {
    background: #da0020;
    color: #ffffff;
}

.jiexi .datika .dacon .daconl a.on {
    background: #da0020;
    color: #ffffff;
}

.jiexi .datika .dacon .daconr {
    width: 17rem;
}

.jiexi .datika .dacon .daconr ul {
    padding-left: 2rem;
}

.jiexi .datika .dacon .daconr ul li {
    clear: both;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.jiexi .datika .dacon .daconr ul li span {
    color: #333333;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    margin-left: 0.2rem;
    float: left;
}

.jiexi .datika .dacon .daconr ul li .icoon {
    background: #da0020;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 0.9375rem;
    display: inline-block;
    border: 1px solid #999999;
}

.jiexi .datika .dacon .daconr ul li .icooff {
    background: #fff;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 0.9375rem;
    display: inline-block;
    border: 1px solid #999999;
}

.jiexi .datika .dacon .daconr ul li .ksbtn {
    width: 8rem;
    height: 3.4rem;
    border-radius: 2rem;
    background: #fdc500;
    color: #da0020;
    text-align: center;
    line-height: 3.4rem;
    font-size: 1.125rem;
}

.jiexi .datika .dacon .daconr ul li .ksbtn:hover {
    background: #da0020;
    color: #fdc500;
}

.jiexi .datika .dabot {
    clear: both;
    font-size: 0.9375rem;
    color: #333333;
    padding-top: 1rem;
}

.jiexi .datika .dabot span {
    font-size: 1.125rem;
    color: #da0020;
}

.jiexi .jxcon {
    background-color: #ffffff;
    padding: 2rem 4rem;
    border-radius: 4rem;
    margin-top: 1.5rem;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:-9px !important;
}
.jiexi .jxcon .ti {
    color: #333333;
    font-size: 0.9375rem;
    line-height: 2rem;
}

.jiexi .jxcon .ti span {
    width: 2rem;
    height: 2rem;
    background: #fdc500;
    color: #f7f7f7;
    font-size: 1.125rem;
    border-radius: 2rem;
    line-height: 2rem;
    display: inline-block;
    text-align: center;
}

.jiexi .jxcon .answer {
    padding-left: 3rem;
    padding-right: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    clear: both;
}

.jiexi .jxcon .answer ul li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    clear: both;
}

.jiexi .jxcon .answer ul li span {
    float: left;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1rem;
    margin-right: 0.5rem;
}

.jiexi .jxcon .answer ul li span.iico {
    background: #ffffff;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    border: 1px solid #999999;
}

.jiexi .jxcon .answer ul li span.iico.off {
    background: url(../img/iic_03.png) no-repeat;
    background-size: 100%;
}

.jiexi .jxcon .answer ul li span.iico.on {
    background: url(../img/iic_08.png) no-repeat;
    background-size: 100%;
}

.jiexi .jxcon .jiexicon {
    background: #ffffff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 3rem;
}

.jiexi .jxcon .jiexicon .jxtit {
    color: #04cad5;
    font-size: 0.9375rem;
    line-height: 1.875rem;
}

.jiexi .jxcon .jiexicon .jxc {
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1.875rem;
}

.kaoshicenter {
    display: block;
}

.kaoshil {
    width: 50rem;
    float: left;
}

.kaoshir {
    width: 22rem;
    float: right;
    margin-top: 1.5rem;
}

.kaoshir .kaoshirs {
    background: #f7f7f7;
    padding: 2rem 2rem 1rem 2rem;
    border-radius: 3rem 0 3rem 0;
}

.kaoshir .kss {
    background: #fdc500;
    text-align: center;
    display: flex;
    height: 3.2rem;
    line-height: 2.7rem;
    border-radius: 2rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    overflow: hidden;
}

.kaoshir .kss .spa {
    width: 50%;
    text-align: center;
    color: #da0020;
    font-size: 0.9375rem;
    border-right: 1px solid #da0020;
    font-weight: 500;
    margin-top: 4px;
}

.kaoshir .kss .spb {
    /* width: 50%;
    text-align: left;
    color: #da0020;
    font-size: 0.9375rem; */
    width: 36%;
    text-align: center;
    color: #da0020;
    font-size: 0.9375rem;
    margin: auto;
    /* line-height: 13px; */
    margin-top: -3px;
}

.kaoshir .kss .spb span {
    float: left;
}

.kaoshir .kss .spb span img {
    margin-top: 0.5rem;
    width: 1.4rem;
    height: 1.3rem;
}

.kaoshir .kss .spb span:nth-child(1) {
    padding-left: 1rem;
margin-top:3px;
}

.kaoshir .kss .spb span:nth-child(2) {
    padding-left: 0.2rem;
    font-weight: 500;
}

.kaoshir .kscon {
    padding-left: 0.5rem;
}

.kaoshir .kscon a {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    text-align: center;
    margin: 1rem 0.5rem 1rem 0.5rem;
    background: #ffffff;
}

.kaoshir .kscon a:hover {
    background: #da0020;
    color: #ffffff;
}

.kaoshir .kscon a.on {
    background: #da0020;
    color: #ffffff;
}

.kaoshirx {
    clear: both;
    display: block;
    padding-top: 1.5rem;
    padding-left: 2rem;
}

.kaoshirx a {
    box-shadow: 1px 2px 3px #999999;
    color: #f7f7f7;
    font-size: 1.375rem;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 4rem;
    display: inline-block;
    text-align: center;
    margin: 1rem 0.5rem 1rem 0.5rem;
    background: #fdc500;
}

.kaoshirx a:hover {
    background: #da0020;
    color: #ffffff;
}

.bg {
    z-index: 100000;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tijiao {
    width: 38rem;
    height: 25rem;
    border-radius: 0.5rem;
    position: absolute;
    left: 50%;
    margin-left: -19rem;
    top: 50%;
    margin-top: -12.5rem;
}

.tijiao .tijiaot {
    background: #f7f7f7;
    height: 3.15rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.tijiao .tijiaot .tijiaotl {
    padding-left: 2rem;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 3rem;
    float: left;
}

.tijiao .tijiaot .tijiaotr {
    padding-right: 2rem;
    float: right;
    cursor: pointer;
    margin-top: 1rem;
}

.tijiao .tijiaot .tijiaotr img {
    width: 1.1rem;
    height: 1.1rem;
}

.tijiao .tijiaoc {
    background: #ffffff;
    text-align: center;
    border-radius: 0 0 0.5rem 0.5rem;
}

.tijiao .tijiaoc .tijiaoc1 {
    padding-top: 1.5rem;
}

.tijiao .tijiaoc .tijiaoc1 img {
    width: 5rem;
    height: 5rem;
}

.tijiao .tijiaoc .tijiaoc2 {
    font-size: 1.375rem;
    color: #333333;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tijiao .tijiaoc .tijiaoc3 {
    font-size: 0.9375rem;
    color: #999999;
    padding-top: 0rem;
    padding-bottom: 1rem;
}

.tijiao .tijiaoc .tijiaoc3 span {
    color: #da0020;
}

.tijiao .tijiaoc .tijiaoc4 {
    padding-top: 0rem;
    padding-bottom: 1rem;
    text-align: center;
}

.tijiao .tijiaoc .tijiaoc4 a {
    width: 8.45rem;
    height: 3.25rem;
    text-align: center;
    line-height: 3.25rem;
    border: 1px solid #fdc500;
    color: #fdc500;
    display: inline-block;
    border-radius: 2.5rem;
}

.tijiao .tijiaoc .tijiaoc4 a.on {
    background: #fdc500;
    color: #da0020;
}

.tijiao .tijiaoc .tijiaoc4 a:hover {
    background: #fdc500;
    color: #da0020;
}

.zhibu {
    display: flex;
}

.zhibu .zhibul {
    width: 379px;
    height: 347px;
    position: relative;
    float: left;
}

.zhibu .zhibul .zbcon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.zhibu .zhibul .zbcon .diyi {
    margin-top: 93px;
    margin-left: 125px;
    text-align: center;
    width: cacl( 100% - 60px);
    color: #fdc500;
    font-size: 1.375rem;
}

.zhibu .zhibul .zbcon .dier {
    margin-left: 130px;
    margin-top: 20px;
    text-align: center;
    width: cacl( 100% - 60px);
    color: #fdc500;
    font-size: 0.9375rem;
}

.zhibu .zhibul .zbcon .disan {
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 1.375rem;
    padding-top: 70px;
}

.zhibu .zhibul .zbcon .disan span {
    color: #fdc500;
}

.zhibu .zhibul .zbcon .disi {
display: -webkit-box; 
display:block;
    text-align: center;
    width: 99%;
    color: #fdc500;
    padding-top: 10px;
    font-size: 0.9375rem;
    padding-left: 5%;
    padding-right: 5%;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    -webkit-box-orient: vertical;
    /*FireFox*/
    height: 2.7rem;
}

.zhibu .zhibur {
    background: #f5f5f5;
    height: 347px;
    width: 820px;
    position: relative;
    float: left;
}

.zhibu .zhibur .zbrt {
    padding-left: 36px;
    padding-top: 19px;
}

.zhibu .zhibur .zbrt span {
    float: left;
    margin-right: 1rem;
    color: #333333;
    font-size: 1.375rem;
}

.zhibu .zhibur .zbrt span img {
    width: 2.0625rem;
    height: 2.0625rem;
}

.ui-jcoverflip {
    position: relative;
}

.ui-jcoverflip--item {
    position: absolute;
    display: block;
}

.ui-jcoverflip--item img {
    opacity: 1;
}

#flip {
    height: 240px;
    width: 77%;
    top: -20px !important;
    left: 90px !important;
    position: absolute;
    left: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#flip img {
    display: block;
    border: 0;
    outline: none;
    height: 125px;
border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#flip a {
    outline: none;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

#flip a p {
    font-weight: 600;
    color: #333333;
    text-align: center;
margin-top:10px;
margin-bottom: 5px;
}

#flip a span {
    clear: both;
    display: block;
    text-align: center;
    font-size: 0.8125rem;
    color: #999999;
}

#wrapper {
    height: 300px;
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
}

.xingxiang {
    clear: both;
    display: block;
}

.xxtt {
    display: block;
    clear: both;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
}

.xxtt strong {
    float: left;
    color: #333333;
    font-size: 1.375rem;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
}

.xxtt strong.tot {
    padding-left: 1rem;
}

.xxtt strong.tot:after {
    content: " ";
    background: #da0020;
    width: 4px;
    height: 1.5rem;
    display: block;
    position: absolute;
    left: 0px;
    top: 0rem;
}

.xxtt span {
    float: left;
    color: #999999;
    height: 1.375rem;
    line-height: 1.375rem;
    font-size: 0.8125rem;
    padding-right: 1rem;
    line-height: 30px;
    height: 30px;
    padding-left: 0.2rem;
}

.xxtt a {
    float: right;
    color: #da0020;
    font-size: 0.9375rem;
    padding-top: 0.5rem;
}

.xingxiang1 {
    width: 100%;
}

.xingxiang1 .xxl {
    width: 50rem;
    float: left;
}

.xingxiang1 .xxl .xxl1 {
    clear: both;
    display: flex;
    padding-top: 40px;
}

.xingxiang1 .xxl .xxl1 .xxl1l {
    width: 275px;
    float: left;
}

.xingxiang1 .xxl .xxl1 .tt {
    clear: both;
    display: block;
    color: #333333;
    font-size: 1.125rem;
}

.xingxiang1 .xxl .xxl1 dl {
    display: flex;
    padding: 25px 11px;
    float: left;
    width: 260px;
    padding-right: 0.5rem;
    background: #f5f5f5;
    margin-top: 15px;
 border-radius: 5px;
}

.xingxiang1 .xxl .xxl1 dl dt {
    width: 68px;
}

.xingxiang1 .xxl .xxl1 dl dt img {
    width: 68px;
    height: 68px;
    border-radius: 68px;
}

.xingxiang1 .xxl .xxl1 dl dd {
     padding-left: 10px;
    padding-top: 15px;
    width: 160px;
}

.xingxiang1 .xxl .xxl1 dl dd .txt {
    color: #333333;
    font-size: 1.125rem;
}

.xingxiang1 .xxl .xxl1 dl dd p {
    color: #999999;
    font-size: 0.8125rem;
    width: 160px;
    overflow: hidden;
    margin-top:10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.xingxiang1 .xxl .xxl1 .xxl1r {
    float: left;
    width: 530px;
}

.xingxiang1 .xxl .xxl1 .xxl1 .xxl1l dl {
    border-radius: 10px;
}
.xingxiang1 .xxl .xxl2 {
    clear: both;
    display: block;
}

.xingxiang1 .xxl .xxlist {
    clear: both;
    display: block;
    padding-bottom: 1rem;
}

.xingxiang1 .xxl .xxlist .swiper-slide a {
    position: relative;
 height: 145px;
border-radius:15px;
}
.xingxiang1 .xxl .xxlist .swiper-slide a img{
height: 100%;
width:100%;
}
.xingxiang1 .xxl .xxlist .swiper-slide a p {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    left: 0;
    bottom: 0;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    width: 195px;
    padding: 5px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
}

.xingxiang1 .xxl .xxlist .swiper-slide a img {
    width: 195px;
    height: 145px;
border-radius:15px;
}

.xingxiang1 .xxr {
    width: 22.5rem;
    float: right;
}

.xingxiang1 .xxr ul li {
    clear: both;
    display: block;
    padding: 1rem;
    background: #f7f7f7;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    height: 6.375rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.xingxiang1 .xxr ul li:hover {
    background: #fdc500;
}

.xingxiang1 .xxr ul li:hover .lia {
    border: 1px solid #da0020;
}

.xingxiang1 .xxr ul li:hover .lia span {
    color: #f7f7f7;
}

.xingxiang1 .xxr ul li:hover .lia span:nth-child(1) {
    color: #da0020;
}

.xingxiang1 .xxr ul li:hover .lib {
    color: #da0020;
}

.xingxiang1 .xxr ul li.on {
    background: #fdc500;
}

.xingxiang1 .xxr ul li.on .lia {
    border: 1px solid #da0020;
}

.xingxiang1 .xxr ul li.on .lia span {
    color: #f7f7f7;
}

.xingxiang1 .xxr ul li.on .lia span:nth-child(1) {
    color: #da0020;
}

.xingxiang1 .xxr ul li.on .lib {
    color: #da0020;
}

.xingxiang1 .xxr ul li .lia {
    width: 4.375rem;
    height: 4.375rem;
    border: 1px solid #d3d3d3;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0.5rem;
    float: left;
}

.xingxiang1 .xxr ul li .lia span {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
    color: #999999;
    line-height: 2rem;
    font-size: 0.8125rem;
}

.xingxiang1 .xxr ul li .lia span:nth-child(1) {
    color: #333333;
    height: 2rem;
    font-size: 0.9375rem;
    line-height: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.xingxiang1 .xxr ul li .lib {
    float: left;
    line-height: 4rem;
    color: #999999;
    font-size: 1.125rem;
    padding-left: 1rem;
    text-align: left;
width: 255px;
display:block;
    overflow: hidden;
    margin-top:10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.xingxiang1 .xxr ul li a {
    text-align: center;
    text-decoration: underline;
    color: #999999;
    font-size: 1.125rem;
    line-height: 5.375rem;
}

.xingxiang1 .xxr ul li a:hover {
    color: #f7f7f7;
}

.zbdontai {
    clear: both;
    display: block;
}

.zbdontail {
    width: 50rem;
    float: left;
}

.zbdontair {
    width: 22.5rem;
    float: right;
}

.zbdlist {
    padding: 0;
    margin: 0;
    float: none;
    display: block;
    width: 100%;
}

.zbdlist dl {
    padding: 0;
    margin: 0;
    clear: both;
    display: flex;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0rem;
    padding-right: 1.25rem;
}

.zbdlist dl dt {
    width: 14rem;
    height: 9.5rem;
    text-align: left;
}

.zbdlist dl dt a img {
    width: 14rem;
    height: 9.5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.zbdlist dl dt a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 15px;
}

.zbdlist dl dd {
    width: 40rem;
    text-align: left;
    padding-left: 1.25rem;
    padding-top: 0px;
    overflow: hidden;
}

.zbdlist dl dd a {
    color: #333333;
    margin-top: 8px;
    font-size: 1.125rem;
    clear: both;
    display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.zbdlist dl dd a:hover {
    color: #da0020;
}

.zbdlist dl dd .outa {
    height: 3.5rem;
    color: #333333;
    font-size: 1.125rem;
    clear: both;
  display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.zbdlist dl dd .outa:hover {
    color: #da0020;
}

.zbdlist dl dd p {
    color: #999999;
    font-size:14px;
    clear: both;
    display: block;
    /*height: 3.4rem;*/
    padding-top: 0.625rem;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}
.zbdlist dl dd span {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    color: #f7f7f7;
    font-size: 0.9375rem;
    background: #04cad5;
    margin-top: 0.75rem;
}

.zbdcon ul {
    display: flex;
}

.zbdcon ul li {
    text-align: center;
    width: 33.33%;
    float: left;
    height: 10rem;
}

.zbdcon ul li:nth-child(1) {
    background: #ffffff;
    border-top: 4px solid #fdc500;
    border-bottom: 4px solid #fdc500;
}

.zbdcon ul li:nth-child(1):hover {
    background: #fdc500;
}

.zbdcon ul li:nth-child(1):hover p {
    color: #ffffff;
}

.zbdcon ul li:nth-child(1):hover span {
    color: #d3d3d3;
}

.zbdcon ul li:nth-child(1):hover .pic {
    background: url(../img/0301.png) no-repeat;
    width: 55px;
    height: 44px;
    background-position: center center;
    margin: 0 auto;
    margin-top: 25px;
}

.zbdcon ul li:nth-child(1) .pic {
    background: url(../img/0301on.png) no-repeat;
    width: 55px;
    height: 44px;
    background-position: center center;
    margin: 0 auto;
    margin-top: 25px;
}

.zbdcon ul li:nth-child(2) {
    background: #ffffff;
    border-top: 4px solid #ff888e;
    border-bottom: 4px solid #ff888e;
}

.zbdcon ul li:nth-child(2):hover {
    background: #ff888e;
}

.zbdcon ul li:nth-child(2):hover p {
    color: #ffffff;
}

.zbdcon ul li:nth-child(2):hover span {
    color: #d3d3d3;
}

.zbdcon ul li:nth-child(2):hover .pic {
    background: url(../img/04.png) no-repeat;
    width: 55px;
    height: 44px;
    margin: 0 auto;
    margin-top: 25px;
    background-position: center center;
}

.zbdcon ul li:nth-child(2).on {
    background: #ff888e;
}

.zbdcon ul li:nth-child(2).on p {
    color: #ffffff;
}

.zbdcon ul li:nth-child(2).on span {
    color: #d3d3d3;
}

.zbdcon ul li:nth-child(2).on .pic {
    background: url(../img/04.png) no-repeat;
    width: 55px;
    height: 44px;
    margin: 0 auto;
    margin-top: 25px;
    background-position: center center;
}

.zbdcon ul li:nth-child(2) .pic {
    background: url(../img/04on.png) no-repeat;
    width: 55px;
    height: 44px;
    background-position: center center;
    margin: 0 auto;
    margin-top: 25px;
}

.zbdcon ul li:nth-child(3) {
    background: #ffffff;
    border-top: 4px solid #04cad5;
    border-bottom: 4px solid #04cad5;
}

.zbdcon ul li:nth-child(3):hover {
    background: #04cad5;
}

.zbdcon ul li:nth-child(3):hover p {
    color: #ffffff;
}

.zbdcon ul li:nth-child(3):hover span {
    color: #d3d3d3;
}

.zbdcon ul li:nth-child(3):hover .pic {
    background: url(../img/0501.png) no-repeat;
    width: 55px;
    height: 44px;
    margin: 0 auto;
    margin-top: 25px;
    background-position: center center;
}

.zbdcon ul li:nth-child(3) .pic {
    background: url(../img/0501on.png) no-repeat;
    width: 55px;
    height: 44px;
    background-size: 55px 44px;
    margin: 0 auto;
    margin-top: 25px;
}

.zbdcon ul li img {
    margin-top: 1.5rem;
    width: 3.4375rem;
    height: 2.75rem;
}

.zbdcon ul li p {
    font-size: 1.125rem;
    color: #333333;
    clear: both;
    height: 2.25rem;
    display: block;
    padding-top: 0.5rem;
}

.zbdcon ul li span {
    display: block;
    font-size: 0.8125rem;
    color: #999999;
    clear: both;
    height: 0.9375rem;
}

.fengcaizsn {
    width: 50rem;
    padding-bottom: 2rem;
}

.fengcaizsn .fengcaizsx {
    display: flex;
    text-align: left;
}

.fengcaizsn .fengcaizsx .fengcaizsxl {
    width: 346px;
    height: 370px;
}

.fengcaizsn .fengcaizsx .fengcaizsxl a {
    width: 346px;
    height: 370px;
    display: block;
    position: relative;
}

.fengcaizsn .fengcaizsx .fengcaizsxl a img {
    width: 346px;
    height: 370px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.fengcaizsn .fengcaizsx .fengcaizsxl a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    font-size: 0.9375rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    text-align: center;
    height:2rem;
    line-height:2rem;
    background: rgba(0,0,0,0.3);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.fengcaizsn .fengcaizsx .fengcaizsxl a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.fengcaizsn .fengcaizsx .fengcaizsxr {
    width: 458px;
    height: 370px;
}

.fengcaizsn .fengcaizsx .fengcaizsxr a {
    position: relative;
    width: 218px;
    height: 180px;
    display: block;
    float: left;
    margin-left: 9px;
    margin-bottom: 9px;
}

.fengcaizsn .fengcaizsx .fengcaizsxr a img {
    width: 218px;
    height: 180px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.fengcaizsn .fengcaizsx .fengcaizsxr a p {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    font-size: 0.9375rem;
    text-align: center;
    padding: 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    -webkit-line-clamp: 1;
     text-overflow: ellipsis; 
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    -moz-binding: url(ellipsis.xml#ellipsis);
    background: rgba(0, 0, 0, 0.5);
    height:2rem;
    line-height:2rem;
}

.fengcaizsn .fengcaizsx .fengcaizsxr a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.nwtop {
    position: relative;
    height: 4rem;
}

.nwtop .nwtopl {
    position: absolute;
    left: 0px;
    top: 0px;
}

.nwtop .nwtopl span {
    float: left;
    display: inline-block;
    padding-right: 0.3rem;
    line-height: 1.9rem;
    color: #333333;
    font-size: 0.9375rem;
}

.nwtop .nwtopl span img {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 1.9rem;
}

.nwtop h2 {
    text-align: center;
    color: #333333;
    font-size: 1.375rem;
    font-weight: 400;
}

.xingxiangdy {
    padding-top: 1.875rem;
}

.xingxiangdy .xxl1l {
    width: 288px;
    float: left;
}

.xingxiangdy .xxl1l dl {
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    height: 155px;
    float: left;
    width: 100%;
    background: #f7f7f7;
    border-radius: 0.5rem;
}

.xingxiangdy .xxl1l dl dt {
    width: 68px;
}

.xingxiangdy .xxl1l dl dt img {
    width: 68px;
    height: 68px;
    border-radius: 68px;
}

.xingxiangdy .xxl1l dl dd {
    padding-left: 20px;
    padding-top: 15px;
}

.xingxiangdy .xxl1l dl dd .txt {
    color: #333333;
    font-size: 1.125rem;
}

.xingxiangdy .xxl1l dl dd p {
    color: #999999;
    width: 100px;
    font-size: 0.8125rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    margin: 20px 0;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.xingxiangdy .xxl1r {
    width: 288px;
    float: left;
    margin-left: 0.5rem;
}

.xingxiangdy .xxl1r .x {
    display: flex;
}

.xingxiangdy .xxl1r .x dl {
    display: block;
    padding-top: 15px;
    float: left;
    padding-right: 0rem;
    background: #f7f7f7;
    border-radius: 0.5rem;
    height: 155px;
}

.xingxiangdy .xxl1r .x dl dt {
    width: 144px;
    clear: both;
    display: inline-block;
    text-align: center;
}

.xingxiangdy .xxl1r .x dl dt img {
    width: 68px;
    height: 68px;
    border-radius: 68px;
}

.xingxiangdy .xxl1r .x dl dd {
    padding-left: 0px;
    padding-top: 5px;
    width: 144px;
    clear: both;
    display: block;
    text-align: center;
}

.xingxiangdy .xxl1r .x dl dd .txt {
    color: #333333;
    font-size: 1.125rem;
}

.xingxiangdy .xxl1r .x dl dd p {
    color: #999999;
    font-size: 0.8125rem;
}

.xingxiangdy .xxl1rr {
    width: 600px;
    float: right;
    margin-left: 10px;
}

.xingxiangdy .xxl1rr .xxtt {
    padding-top: 0rem;
    padding-bottom: 0.75rem;
}

.xingxiangdy .xxl1rr .swiper-slide a {
    position: relative;
    width: 145px;
    height: 157px;
}

.xingxiangdy .xxl1rr .swiper-slide a p {
    position: absolute;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    left: 0;
    bottom: 0;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    width: 145px;
    padding-left: 10px;
    padding-right: 10px;
border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.xingxiangdy .xxl1rr .swiper-slide a img {
    width: 145px;
    height: 157px;
border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.xingxiangdy .xxl1rr .swiper-slide a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.xingxiangdy .tt {
    clear: both;
    display: block;
    color: #333333;
    font-size: 1.125rem;
    padding-bottom: 0.6rem;
}

.zbdlista {
    padding: 0;
    margin: 0;
    float: none;
    display: block;
    width: 100%;
    padding-bottom: 1.25rem;
    display: flex;
}

.zbdlista dl {
    padding: 0;
    margin: 0;
    float: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 50%;
    display: flex;
}

.zbdlista dl dt {
    width: 14rem;
    height: 9.5rem;
    text-align: left;
}

.zbdlista dl dt a img {
    width: 14rem;
    height: 9.5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.zbdlista dl dt a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.zbdlista dl dd {
    width: 21rem;
    text-align: left;
    padding-left: 1.25rem;
    padding-top: 10px;
    overflow: hidden;
}

.zbdlista dl dd a {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.zbdlista dl dd a:hover {
    color: #da0020;
}

.zbdlista dl dd p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
  height:2.75rem;
    display: block;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.fengcaizhanshi {
    clear: both;
    display: block;
    padding-bottom: 2.75rem;
}

.fczs {
    clear: both;
    display: flex;
}

.fczs .fczsl {
    width: 741px;
    height: 370px;
    position: relative;
}

.fczs .fczsl a {
    width: 741px;
    height: 370px;
    overflow: hidden;
}

.fczs .fczsl a img {
    width: 741px;
    height: 370px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 1rem;
}

.fczs .fczsl a p {
    position: absolute;
    left: 0;
    bottom: 0.1rem;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    font-size: 1.125rem;
    line-height: 2rem;
    width: 741px;
    height:2rem;
    padding:0 15px;
       display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
background:rgba(0, 0, 0, 0.5);
}

.fczs .fczsl a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.fczs .fczsr {
    width: 459px;
    height: 370px;
}

.fczs .fczsr a {
    position: relative;
    width: 218px;
    height: 180px;
    display: block;
    float: left;
    margin-left: 9px;
    margin-bottom: 9px;
    overflow: hidden;
}

.fczs .fczsr a img {
    width: 218px;
    height: 180px;
    border-radius: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fczs .fczsr a p {
    position: absolute;
    bottom: 0.1rem;
    padding:0  0.35rem;
    width: 100%;
    height: 2rem;
    line-height:2rem;
    color: #ffffff;
    font-size: 0.9375rem;
    text-align: center;
      display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    background:rgba(0, 0, 0, 0.5);
}

.fczs .fczsr a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.dangyuana {
    width: 850px;
    margin: 0 auto;
    clear: both;
    display: block;
    padding-bottom: 30px;
}

.dangyuana .dangyuanal {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 13px;
}

.dangyuana .dangyuanal img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

.dangyuana .dangyuanam {
    width: 785px;
    height: 50px;
    float: left;
    position: relative;
    overflow: hidden;
}

.dangyuana .dangyuanam .dangyuanamn {
    width: calc( 26 * 57) px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dangyuana .dangyuanam .dangyuanamn span {
    display: inline-block;
    float: left;
}

.dangyuana .dangyuanam .dangyuanamn span.xian {
    background: url(../img/fzdy0101_05.png) no-repeat;
    width: 40px;
    height: 30px;
    margin-top: 12px;
}

.dangyuana .dangyuanam .dangyuanamn span.num {
    width: 14px;
}

.dangyuana .dangyuanam .dangyuanamn span.num .zi {
    clear: both;
    float: none;
    text-align: center;
    color: #333333;
    font-size: 0.8125rem;
    height: 0.8125rem;
    line-height: 0.8125rem;
    width: 14px;
    padding-bottom: 2px;
}

.dangyuana .dangyuanam .dangyuanamn span.num .dian {
    clear: both;
    float: none;
    text-align: center;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #fdc500;
}

.dangyuana .dangyuanam .dangyuanamn span.num.on .zi {
    color: #da0020;
}

.dangyuana .dangyuanam .dangyuanamn span.num.on .dian {
    background: #da0020;
}

.dangyuana .dangyuanar {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 13px;
}

.dangyuana .dangyuanar img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

.dangyuanbw {
    width: 850px;
    margin: 0 auto;
    clear: both;
    display: block;
    margin-top: 50px;
    background: #f7f7f7;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid #f4f4f4;
}

.dangyuanbw .dangyuanl {
    width: 24px;
    margin-top: 150px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.dangyuanbw .dangyuanr {
    width: 17px;
    margin-top: 150px;
    float: right;
    text-align: center;
    cursor: pointer;
}

.dangyuanbw .dangyuanbwn {
    width: 800px;
    overflow: hidden;
    min-height: 360px;
    float: left;
    position: relative;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw {
    width: calc( 26 * 800) px;
    position: absolute;
    left: 0px;
    top: 0px;
    min-height: 300px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 140px;
    width: 800px;
    float: left;
    min-height: 300px;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbs strong {
    display: block;
    text-align: center;
    color: #da0020;
    font-size: 1.125rem;
    font-weight: 400;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbs strong span {
    background: #da0020;
    color: #f7f7f7;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
    margin-right: 0.5rem;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbs p {
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1.5rem !important;
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    text-indent: 2em;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbx {
    text-align: center;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbx a {
    display: inline-block;
    width: 120px;
    border-radius: 1rem;
    height: 36px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #fdc500;
    color: #ffffff;
    background: #fdc500;
    font-size: 0.9375rem;
}

.newtiti {
    color: #333333;
    font-size: 1.125rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    font-weight: 400;
}

.fzdyjl {
    padding: 1rem;
}

.fzdyjl a {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    text-align: center;
    margin: 1rem 1rem 1rem 1rem;
    background: #ffffff;
}

.fzdyjl a:hover {
    background: #da0020;
    color: #ffffff;
}

.fzdyjl a.on {
    background: #da0020;
    color: #ffffff;
}

.zzsc {
    background: #f7f7f7;
    text-align: left;
    padding: 2rem 3rem;
    border-radius: 1rem;
    clear: both;
    display: block;
    overflow: hidden;
}

.zzsc strong {
    display: block;
    text-align: left;
    color: #da0020;
    font-size: 1.125rem;
    font-weight: 400;
}

.zzsc strong span {
    background: #da0020;
    color: #f7f7f7;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
    margin-right: 0.5rem;
}

.zzsc p {
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1.875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.zzsc ul {
    clear: both;
    display: block;
}

.zzsc ul li {
    clear: both;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
}

.zzsc ul li .spx1 {
    text-align: right;
    color: #333333;
    font-size: 0.9375rem;
    float: left;
    display: inline-block;
    width: 130px;
    line-height: 2rem;
}

.zzsc ul li .spx2 {
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    float: left;
    padding-left: 1rem;
    line-height: 2rem;
    display: inline-block;
}

.zzsc ul li .spx2 input {
    text-align: left;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9375rem;
}

.zzsc ul li .spx2 select {
    text-align: left;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 2rem;
    width: 12rem;
    line-height: 2rem;
    font-size: 0.9375rem;
    background: url(../img/xiala.png) no-repeat;
    background-position: right 15px top 10px;
}

.zzsc ul li .spx2 textarea {
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 6rem;
    width: 26rem;
    line-height: 2rem;
    font-size: 0.9375rem;
    text-align: left;
}

.zzsc ul li .spx2 a {
    display: inline-block;
    width: 8rem;
    border-radius: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #fdc500;
    color: #da0020;
    background: #fdc500;
    font-size: 0.9375rem;
}

.zzsc .zhengshu {
    text-align: center;
    padding-top: 45px;
}

.zzsc .zhengshu .zs {
    width: 110px;
    height: 110px;
    position: relative;
    margin: 0 auto;
}

.zzsc .zhengshu .zs input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
}

.zzsc .zhengshu .zstit {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    color: #999999;
    font-size: 1.375rem;
}

.zzsc .zhengshu .zstit span {
    color: #da0020;
}

.zzsc .zhengshu .tijiaox {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.zzsc .zhengshu .tijiaox a {
    display: inline-block;
    width: 8rem;
    border-radius: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #fdc500;
    color: #da0020;
    background: #fdc500;
    font-size: 0.9375rem;
}

.jihua {
    box-shadow: 1px 2px 3px 4px #f7f7f7;
    border-radius: 0.5rem;
    border: 1px solid #f7f7f7;
}

.jihua ul li {
    position: relative;
}

.jihua ul li a {
    font-size: 0.9375rem;
    color: #333333;
    display: inline-block;
    padding-bottom: 1rem;
}

.jihua ul li p {
    font-size: 0.9375rem;
    color: #999999;
    padding-bottom: 1rem;
    margin-top:20px;
}

.jihua ul li p span {
    margin-right: 1rem;
}

.jihua ul li.jhtit {
    height: 3.125rem;
    line-height: 3.125rem;
    background: #fdc500;
    text-align: center;
    display: flex;
    border-radius: 0.5rem 0.5rem 0px 0px;
}

.jihua ul li.jhtit .nianjia {
    width: 20%;
    text-align: center;
}

.jihua ul li.jhtit .nianjia img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 1rem;
}

.jihua ul li.jhtit .yuejia {
    width: 20%;
    text-align: center;
}

.jihua ul li.jhtit .yuejia img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 1rem;
    cursor: pointer;
}

.jihua ul li.jhtit .zhi {
    width: 20%;
    text-align: center;
    color: #da0020;
    font-size: 0.9375rem;
}

.jihua ul li.jhtit .nianjian {
    width: 20%;
    text-align: center;
}

.jihua ul li.jhtit .nianjian img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 1rem;
    cursor: pointer;
}

.jihua ul li.jhtit .yuejian {
    width: 20%;
    text-align: center;
}

.jihua ul li.jhtit .yuejian img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 1rem;
    cursor: pointer;
}

.jihua ul li.jhe {
    padding:1.75rem 3.125rem;
    background: #f5f5f5;
    overflow: hidden;
    border-bottom:1px solid #eee;
}

.jihua ul li.jhe:after {
    content: " ";
    background: url(../img/gz_16.png) no-repeat;
    background-position: center center;
    background-size: 1.625rem 1.625rem;
    position: absolute;
    left: 1rem;
    top: 1.45rem;
    width: 1.625rem;
    height: 1.625rem;
    display: block;
}

.jihua ul li.jhe:hover {
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 1px 3px 6px 4px #d3d3d3;
}

.jihua ul li.jhe:hover:before {
    content: " ";
    width: 4px;
    height: 4rem;
    background: #fdc500;
    display: block;
    position: absolute;
    right: 0rem;
    top: 50%;
    margin-top: -2rem;
}

.jihua ul li.jhd {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
}

.jihua ul li.jhd:after {
    content: " ";
    background: url(../img/gzjh_19.png) no-repeat;
    background-position: center center;
    background-size: 1.625rem 1.625rem;
    position: absolute;
    left: 1rem;
    top: 1.8rem;
    width: 1.625rem;
    height: 1.625rem;
    display: block;
}

.jihua ul li.jhd:hover {
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 1px 3px 6px 4px #d3d3d3;
}

.jihua ul li.jhd:hover:before {
    content: " ";
    width: 4px;
    height: 4rem;
    background: #fdc500;
    display: block;
    position: absolute;
    right: 0rem;
    top: 50%;
    margin-top: -2rem;
}

.jihua ul li.joff {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
}

.jihua ul li.joff:after {
    content: " ";
    background: url(../img/gzoff_03.png) no-repeat;
    background-position: center center;
    background-size: 1.625rem 1.625rem;
    position: absolute;
    left: 1rem;
    top: 1.8rem;
    width: 1.625rem;
    height: 1.625rem;
    display: block;
}

.slstit {
    color: #333333;
    font-size: 1.125rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.slscon {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #ff888e;
    display: flex;
    overflow: hidden;
}

.slscon .slsconl {
    height: 3.125rem;
    width: 3.125rem;
    text-align: center;
    float: left;
}

.slscon .slsconl img {
    margin-top: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slscon .slsconl:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.slscon .slsconc {
    width: 50rem;
    height: 3.125rem;
    overflow: hidden;
    float: left;
    position: relative;
}

.slscon .slsconc .slsconcn {
    width: 93rem;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slscon .slsconc .slsconcn a {
    width: 9.375rem;
    height: 3.125rem;
    text-align: left;
    line-height: 3.125rem;
    float: left;
}

.slscon .slsconc .slsconcn a span {
    float: left;
    height: 3.125rem;
    display: block;
    line-height: 3.125rem;
    margin-right: 0.5rem;
}

.slscon .slsconc .slsconcn a span img {
    width: 1.375rem;
    height: 1.375rem;
    margin-top: 0.8rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slscon .slsconc .slsconcn a:hover span img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.slscon .slsconr {
    height: 3.125rem;
    width: 3.125rem;
    text-align: center;
    float: left;
}

.slscon .slsconr img {
    margin-top: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slscon .slsconr:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.zzscy {
    background: #fff;
    text-align: left;
    padding: 2rem 3rem;
    border-radius: 1rem;
    margin-bottom: 20px;
}

.zzscy>p {
    background-color: #fff !important;
}

.zzscy .zzshxx {
    border: 1px solid #d3d3d3;
    padding: 2rem;
    margin: 1rem;
    border-radius: 2rem;
}

.zzscy .zzshxx ul {
    clear: both;
    display: block;
}

.zzscy .zzshxx ul li {
    clear: both;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
}

.zzscy .zzshxx ul li .spx1 {
    text-align: right;
    color: #333333;
    font-size: 0.9375rem;
    float: left;
    display: inline-block;
    width: 13rem;
    line-height: 2rem;
}

.zzscy .zzshxx ul li .spx2 {
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    float: left;
    padding-left: 1rem;
    width: calc( 100% - 15rem);
    line-height: 2rem;
    display: inline-block;
    position: relative;
}

.zzscy .zzshxx ul li .spx2 input {
    text-align: left;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9375rem;
}

.zzscy .zzshxx ul li .spx2 select {
    text-align: left;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 2rem;
    width: 12rem;
    line-height: 2rem;
    font-size: 0.9375rem;
    background: url(/public/newuser/img/xiala.png) no-repeat;
    background-position: right 15px top 10px;
}

.zzscy .zzshxx ul li .spx2 textarea {
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    color: #333333;
    height: 6rem;
    width: 100%;
    line-height: 2rem;
    font-size: 0.9375rem;
    text-align: left;
}

.zzscy .zzshxx ul li .spx2 .zishu {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}

.zzscy .zzshxx ul li .spx2 .zishu span {
    color: #999999;
    font-size: 0.8125rem;
}

.zzscy .zzshxx ul li .spx2 .onxs {
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    padding: 1rem;
    overflow: hidden;
    display: flex;
}

.zzscy .zzshxx ul li .spx2 .zsd {
    width: 6.875rem;
    height: 6.875rem;
    float: left;
}

.zzscy .zzshxx ul li .spx2 .zsd input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.zzscy .zzshxx ul li .spx2 .zstit {
    float: left;
    padding-left: 1rem;
    padding-top: 4rem;
}

.zzscy .zzshxx ul li .spx2 .zstit span {
    color: #da0020;
}

.zzscy .zzshxx ul li .spx2 .tijiaox a {
    display: inline-block;
    width: 8rem;
    border-radius: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #fdc500;
    color: #da0020;
    background: #fdc500;
    font-size: 0.9375rem;
}

.shenghuolist {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 1rem;
    clear: both;
    display: block;
}

.shenghuolist li {
    clear: both;
    padding:1.2rem 1.25rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    background: #f7f7f7;
    border-radius: 1rem;
    position: relative;
}

.shenghuolist li:hover .bta {
    color: #333333;
}

.shenghuolist li .bta {
    color: #333333;
    font-size: 1.125rem;
    clear: both;
    display: inline-block;
    font-weight: 500;
    height: 1.6875rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    padding-bottom: 1rem;
    position: relative;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.shenghuolist li p {
    color: #999999;
    font-size: 0.9375rem;
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.shenghuolist li span {
    position: absolute;
    right: 1rem;
    top: 50%;
}

.shenghuolist li span .jl {
    background: #04cad5;
    color: #ffffff;
    width: 6rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: 1.5rem;
    text-align: center;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.shenghuolist li span .ch {
    background: #fdc500;
    color: #da0020;
    width: 6rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: 1.5rem;
    text-align: center;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.cic span {
    line-height: 1.5rem;
    margin: 0 0.1rem 0 0.5rem;
}

.zzscy {
    padding-bottom: 2rem;
    overflow: hidden;
}

.zzscy p {
    text-align: left;
    line-height: 2.4rem;
    color: #333333;
    font-size: 0.9375rem;
}
.zzscy p strong {
    display: inline;
}

.zzscy p a {
    color: #da0020;
}

.zzscy .pd {
    clear: both;
    display: block;
}

.zzscy .pd p {
    clear: both;
    display: block;
    text-align: right;
}

.cony {
    width: 1200px;
    margin: 0 auto;
    background: #f7f7f7;
    padding-bottom: 0.5rem;
}

.conz {
    width: 1200px;
    margin: 0 auto;
}

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

.conzz {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}


/*个人中心*/
.usercenter .usercenterl {
    width: 240px;
    float: left;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0px 6px 6px 6px #f7f7f7;
}

.usercenter .usercenterr {
    float: left;
    width: 958px;
}

.usercenterl1 {
    height: 360px;
    border-bottom: 1px solid #d3d3d3;
    padding-top: 2rem;
}

.usercenterl1 .head {
    position: relative;
    width: 10rem;
    margin: 0 auto;
}

.usercenterl1 .head .hepic {
    width: 10rem;
    height: 12.5rem;
}

.usercenterl1 .headtit {
    background: #fdc500;
    position: absolute;
    z-index: 10;
    color: #f7f7f7;
    display: flex;
    height: 2rem;
    line-height: 2rem;
    width: 6.875rem;
    top: 11.5rem;
    left: 50%;
    margin-left: -3.435rem;
    border-radius: 1rem;
}

.usercenterl1 .headtit .ico1 {
    padding-top: 0.3rem;
    padding-left: 0.3rem;
}

.usercenterl1 .headtit .ico1 img {
    width: 1.4375rem;
    height: 1.4375rem;
    border-radius: 1.4375rem;
}

.usercenterl1 .headtit .hname {
    font-weight: 500;
    font-size: 0.9375rem;
    padding-left: 0.2rem;
    display: inline-block;
    line-height:2.2rem;
}

.usercenterl1 p {
    clear: both;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #999999;
    font-size: 0.9375rem;
}

.usercenterl1 p.p1 {
    padding-top: 1.75rem;
    padding-bottom: 0.5rem;
}

.usercenterl1 p.p1 strong {
    font-size: 1.375rem;
    color: #333333;
}

.usercenterl1 p.p2 {
    line-height: 1.640625rem;
    color: #333333;
}

.usercenterl1 p span {
    color: #da0020;
    font-weight: 500;
}

.usercenterl2 {
    clear: both;
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: hidden;
}

.usercenterl2 dl {
    padding: 0;
    margin: 0;
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.usercenterl2 dl dt {
    padding: 0;
    margin: 0;
    clear: both;
    display: flex;
    width: 100%;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
}

.usercenterl2 dl dt span {
    float: left;
    color: #999999;
    font-size: 1.125rem;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}

.usercenterl2 dl dt .icoc {
    width: 164px;
}

.usercenterl2 dl dd {
    padding: 0;
    margin: 0;
    clear: both;
    display: block;
    padding-left: 8px;
    height: 0;
    background: #f7f7f7;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    text-align: center;
}

.usercenterl2 dl dd a {
    color: #999999;
    font-size: 1.125rem;
    height: 42px;
    line-height: 44px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 180px;
    text-align: center;
    display: inline-block;
}

.usercenterl2 dl dd a:hover {
    color: #da0020;
    background: #fdc500;
    border-radius: 2rem;
}

.usercenterl2 dl dd a.on {
    color: #da0020;
    background: #fdc500;
    border-radius: 2rem;
}

.usercenterl2 dl dd dl {
    padding: 0;
    margin: 0;
}

.usercenterl2 dl dd dl dt {
    padding: 0;
    margin: 0;
    display: flex;
    padding-left: 18px;
    margin-left: 20px;
}

.usercenterl2 dl dd dl dt .dtw {
    width: 165px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    font-size: 0.975rem;
}

.usercenterl2 dl dd dl dt .dti {
    width: 32px;
    margin-top: 6px;
}

.usercenterl2 dl dd dl dd {
    padding: 0;
    margin: 0;
    height: 0px;
    padding-left: 15px;
}

.usercenterl2 dl dd dl dd a {
    font-size: 0.9375rem;
}

.usercenterl2 dl dd dl dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(1) dt .icoa {
    background: url(/public/newuser/img/user_03-08.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(1) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(1).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(1).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(1).on dt .icoa {
    background: url(/public/newuser/img/user_03-08on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(1).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(1).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(1).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(1).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(1).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(1).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(1).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(1).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(1).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(1).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(2) dt .icoa {
    background: url(/public/newuser/img/user_06-11.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(2) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(2).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(2).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(2).on dt .icoa {
    background: url(/public/newuser/img/user_06-11on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(2).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(2).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(2).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(2).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(2).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(2).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(2).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(2).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(2).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(2).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(3) dt .icoa {
    background: url(/public/newuser/img/user_08.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(3) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(3).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(3).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(3).on dt .icoa {
    background: url(/public/newuser/img/user_08on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(3).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(3).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(3).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(3).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(3).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(3).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(3).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(3).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(3).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(3).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(4) dt .icoa {
    background: url(/public/newuser/img/xuexijiankong.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(4) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(4).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(4).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(4).on dt .icoa {
    background: url(/public/newuser/img/xuexijiankong1.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(4).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(4).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(4).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(4).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(4).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(4).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(4).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(4).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(4).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(4).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(5) dt .icoa {
    background: url(/public/newuser/img/user_10.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(5) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(5).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(5).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(5).on dt .icoa {
    background: url(/public/newuser/img/user_10on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(5).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(5).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(5).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(5).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(5).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_12.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(5).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(5).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(5).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(5).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(5).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_12on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(6) dt .icoa {
    background: url(/public/newuser/img/user_12.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(6) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(6).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(6).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(6).on dt .icoa {
    background: url(/public/newuser/img/user_12on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(6).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(6).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(6).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(6).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(6).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(6).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(6).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(6).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(6).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(6).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(7) dt .icoa {
    background: url(/public/newuser/img/user_16.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(7) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(7).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(7).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(7).on dt .icoa {
    background: url(/public/newuser/img/user_16on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(7).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(7).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(7).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(7).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(7).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(7).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(7).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(7).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(7).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(7).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(8) dt .icoa {
    background: url(/public/newuser/img/user_20.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(8) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(8).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(8).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(8).on dt .icoa {
    background: url(/public/newuser/img/user_20on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(8).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(8).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(8).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(8).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(8).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(8).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(8).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(8).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(8).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(8).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(9) dt .icoa {
    background: url(/public/newuser/img/user_68.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(9) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(9).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(9).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(9).on dt .icoa {
    background: url(/public/newuser/img/user_68on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(9).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(9).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(9).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(9).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(9).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(9).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(9).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(9).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(9).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(9).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(10) dt .icoa {
    background:url(/public/newuser/img/user/25.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(10) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(10).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(10).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(10).on dt .icoa {
    background: url(/public/newuser/img/user/25on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(10).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(10).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(10).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(10).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(10).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(10).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(10).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(10).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(10).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(10).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(11) dt .icoa {
    background: url(/public/newuser/img/user_18-17.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(11) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.usercenterl2 dl:nth-child(11).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(11).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(11).on dt .icoa {
    background: url(/public/newuser/img/user_18-17on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(11).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(11).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(11).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(11).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(11).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(11).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(11).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(11).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(11).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(11).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(12) dt .icoa {
    background: url(/public/newuser/img/user_26-24.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(12) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
position:relative;
left:3px;
}

.usercenterl2 dl:nth-child(12).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(12).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(12).on dt .icoa {
    background: url(/public/newuser/img/user_26-24on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(12).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(12).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(12).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(12).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(12).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(12).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(12).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(12).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(12).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(12).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(13) dt .icoa {
    background: url(/public/newuser/img/user_28.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(13) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    position: relative;
    left: 4px;
}

.usercenterl2 dl:nth-child(13).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(13).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(13).on dt .icoa {
    background: url(/public/newuser/img/user_28on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(13).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(13).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(13).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(13).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(13).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(13).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(13).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(13).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(13).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(13).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(14) dt .icoa {
    background: url(/public/newuser/img/user_32.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(14).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(14).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(14).on dt .icoa {
    background: url(/public/newuser/img/user_32on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(14).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(14).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(14).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(14).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(14).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(14).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(14).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(14).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(14).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(15) dt .icoa {
    background: url(/public/newuser/img/1801.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(15) dt .icob {
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    width: 18px;
    height: 18px;
    margin-top: 10px;
    position: relative;
    left: 4px;
}

.usercenterl2 dl:nth-child(15).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(15).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(15).on dt .icoa {
    background: url(/public/newuser/img/1801on.png) no-repeat;
    background-size: 26px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(15).on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterl2 dl:nth-child(15).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(15).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(15).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(15).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(15).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(15).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(15).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(15).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(15).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}
.usercenterl2 dl:nth-child(16) dt .icoa {
    background: url(/public/newuser/img/user/23.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(16).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(16).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(16).on dt .icoa {
    background: url(/public/newuser/img/user/23on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(16).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(16).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(16).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(16).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(16).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(16).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(16).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(16).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(16).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}
.usercenterl2 dl:nth-child(17) dt .icoa {
    background: url(/public/newuser/img/user/24.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(17).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(17).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(17).on dt .icoa {
    background: url(/public/newuser/img/user/24on.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(17).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(17).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(17).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(17).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(17).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(17).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(17).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(17).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(17).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}
.usercenterl2 dl:nth-child(18) dt .icoa {
    background: url(/public/newuser/img/user/20.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(18).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(18).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(18).on dt .icoa {
    background: url(/public/newuser/img/user/2001.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(18).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(18).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(18).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(18).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(18).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(18).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(18).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(18).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(18).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}
.usercenterl2 dl:nth-child(19) dt .icoa {
    background: url(/public/newuser/img/user/21.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(19).on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(19).on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(19).on dt .icoa {
    background: url(/public/newuser/img/user/2101.png) no-repeat;
    background-size: 22px auto;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.usercenterl2 dl:nth-child(19).on dd {
    height: auto;
}

.usercenterl2 dl:nth-child(19).on dd dl dt {
    background: transparent;
}

.usercenterl2 dl:nth-child(19).on dd dl dt span {
    color: #333333;
}

.usercenterl2 dl:nth-child(19).on dd dl dt .icob {
    display: block;
    background: url(/public/newuser/img/user_22.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

.usercenterl2 dl:nth-child(19).on dd dl dd {
    height: 0;
}

.usercenterl2 dl:nth-child(19).on dd dl.on {
    height: auto;
}

.usercenterl2 dl:nth-child(19).on dd dl.on dt {
    background: #da0020;
}

.usercenterl2 dl:nth-child(19).on dd dl.on dt span {
    color: #f7f7f7;
}

.usercenterl2 dl:nth-child(19).on dd dl.on dt .icob {
    background: url(/public/newuser/img/user_22on.png) no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 18px;
    height: 18px;
}

.usercenterr1 {
    height: 360px;
    width: 100%;
    clear: both;
    border: 1px solid #d3d3d3;
    booder-left: 0px;
    border-top: 0px;
    box-shadow: 7px 7px 6px 6px #d3d3d3;
}

.usercenterr1 .usercenterr1a {
    display: flex;
    width: 100%;
    clear: both;
}

.usercenterr1 .usercenterr1a .item {
    width: 318.5px;
    height: 179px;
    background: #ffffff;
    text-align: center;
    float: left;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.usercenterr1 .usercenterr1a .item:nth-child(3) {
    border-right: 0px;
}

.usercenterr1 .usercenterr1a .item strong {
    color: #da0020;
    display: block;
    clear: both;
    margin-top: 2rem;
    font-size: 1.375rem;
    text-align: left;
    padding-left: 100px;
}

.usercenterr1 .usercenterr1a .item a {
    display: block;
    clear: both;
    color: #333333;
    font-size: 0.9375rem;
    text-align: left;
    padding-left: 80px;
    line-height: 1.640625rem;
}

.usercenterr1 .usercenterr1a .item p {
    color: #999999;
    font-size: 0.9375rem;
    text-align: left;
    padding-left: 80px;
    line-height: 1.640625rem;
}

.usercenterr1 .usercenterr1a .item img {
    position: absolute;
    right: 42px;
    padding-bottom: 24px;
}

.usercenterr1 .usercenterr1b {
    display: flex;
    width: 100%;
    clear: both;
}

.usercenterr1 .usercenterr1b .item {
    width: 319px;
    height: 180px;
    background: #ffffff;
    text-align: center;
    float: left;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.usercenterr1 .usercenterr1b .item:nth-child(3) {
    border-right: 0px;
}

.usercenterr1 .usercenterr1b .item dl {
    display: flex;
    width: 100%;
    padding-left: 15px;
    padding-top: 30px;
}

.usercenterr1 .usercenterr1b .item dl dt {
    float: left;
    width: 73px;
}

.usercenterr1 .usercenterr1b .item dl dt div {
    width: 63px;
    height: 63px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
    border-radius: 63px;
    font-size: 0.9375rem;
    color: #f7f7f7;
}

.usercenterr1 .usercenterr1b .item dl dt div.dt1 {
    background: #ff888e;
}

.usercenterr1 .usercenterr1b .item dl dt div.dt2 {
    background: #fdc500;
}

.usercenterr1 .usercenterr1b .item dl dt div.dt3 {
    background: #04cad5;
}

.usercenterr1 .usercenterr1b .item dl dd {
    float: left;
    padding-left: 5px;
    padding-top: 6px;
    padding-right: 10px;
    width: 216px;
}

.usercenterr1 .usercenterr1b .item dl dd p {
    clear: both;
    display: block;
    text-align: left;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 1.640625rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    height: 3.28125rem;
}

.usercenterr1 .usercenterr1b .item dl dd .more1 {
    clear: both;
    float: left;
    display: inline-block;
    text-align: left;
    color: #da0020;
    font-size: 0.9375rem;
    font-weight: 500;
    padding-top: 0.5rem;
}

.usercenterr1 .usercenterr1b .item dl dd .more {
    display: inline-block;
    text-align: left;
    color: #da0020;
    font-size: 0.9375rem;
    font-weight: 500;
    padding-top: 0.5rem;
}

.usercenterr1 .usercenterr1b .item dl dd span {
    clear: both;
    display: block;
    width: 100%;
    padding-top: 1rem;
}

.usercenterr1 .usercenterr1b .item dl dd span a {
    text-align: left;
    font-size: 0.9375rem;
    color: #da0020;
    background: #fdc500;
    display: inline-block;
    padding: 0.5rem 1.5rem;
    border-radius: 1.5rem;
    clear: both;
    float: left;
}

.usercenterr1 .usercenterr1b .item dl dd .cl {
    width: 100%;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li {
    padding: 0;
    margin: 0;
    width: 105px;
    border-radius: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.1rem;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li strong {
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 0.9375rem;
    text-align: center;
    line-height: 1.640625rem;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li p {
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 0.9375rem;
    text-align: center;
    line-height: 1.640625rem;
    height: 2.8125rem;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li.on {
    background: #04cad5;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li.on strong {
    color: #f7f7f7;
    font-size: 0.9375rem;
    text-align: center;
overflow: hidden;
}

.usercenterr1 .usercenterr1b .item dl dd .cl ul li.on p {
    color: #f7f7f7;
    font-size: 0.9375rem;
    text-align: center;
}

.usercenterr1 .usercenterr1b .item.iteml dl dd {
    padding-top: 0;
}

.userframe {
    width: 100%;
}

.userc {
    width: 100%;
    display: flex;
    padding-bottom: 1rem;
}

.userrl {
    width: 715px;
    padding-top: 10px;
}

.userrr {
    width: 242px;
}

.itm {
    width: 336px;
    height: 452px;
    box-shadow: 0px 0px 3px 3px #d3d3d3;
    padding-left: 16px;
    padding-right: 16px;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    background: #ffffff;
    border-radius: 1rem;
}

.itm .itmt {
    background: #ffffff;
    padding-top: 29px;
    height: 76px;
    text-align: left;
    border-bottom: 1px solid #d3d3d3;
}

.itm .itmt span {
    float: left;
    margin-left: 0;
width:32px;
    height: 32px;
    line-height: 32px;
}
.itm>.itmt>span>img{
widht:100%;
height:100%;
}
.itm .itmt strong {
    float: left;
    color: #333333;
    font-size: 0.9375rem;
    height: 32px;
    line-height: 32px;
}

.itm .itmt a {
    float: right;
    color: #da0020;
    font-size: 0.9375rem;
    height: 32px;
    line-height: 32px;
}

.itm .itmcon {
    clear: both;
    display: block;
}

.itm .itmcon dl {
    clear: both;
    display: flex;
    padding-top: 18px;
    width: 100%;
    padding-bottom: 18px;
    border-bottom: 1px solid #d3d3d3;
}

.itm .itmcon dl:last-child {
    border-bottom: 0;
}

.itm .itmcon dl dt {
    width: 101px;
}

.itm .itmcon dl dt img {
    border-radius: 0.5rem;
    width: 101px;
    height: 81px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.itm .itmcon dl dt:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.itm .itmcon dl dd {
    width: 176px;
    padding-left: 1rem;
}

.itm .itmcon dl dd strong {
    height: 3rem;
    line-height: 1.5rem;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.itm .itmcon dl dd strong a {
    font-size: 0.9375rem;
    color: #333333;
    font-weight: 400;
}

.itm .itmcon dl dd p {
    color: #999999;
    font-size: 0.8125rem;
    padding-top: 0.65rem;
}

.ur1 {
    width: 100%;
    background: #b0daf0;
    margin-top: 25px;
}

.ur1 .urtit {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}

.ur1 .urtit strong {
    float: left;
    color: #333333;
    font-size: 0.9375rem;
}

.ur1 .urtit a {
    float: right;
    color: #da0020;
    font-size: 0.9375rem;
}

.ur1 .ur1con {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0.75rem;
    overflow: hidden;
}

.ur1 .ur1con ul li {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    overflow: hidden;
}

.ur1 .ur1con ul li a {
    display: flex;
}

.ur1 .ur1con ul li a .ico {
    background: #da0020;
    color: #f7f7f7;
    border-radius: 0.25rem;
    padding: 0.15rem 0.45rem;
    display: block;
}

.ur1 .ur1con ul li a .itit {
  color: #555555;
    font-size: 0.9375rem;
    width: 170px;
    text-align: left;
    margin-left: 0.5rem;
    padding-top: 0.15rem;
overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.ur1.ur2 {
    margin-top: 1rem;
    background: #c8f5e0;
}

.ur1.ur2 ul li a .ico {
    background: #01c3cc;
}

.ur1.ur3 {
    margin-top: 1rem;
    background: #ffd3c8;
}

.gongzuojihua ul {
    display: flex;
}

.gongzuojihua ul li {
    width: 100%;
    float: left;
    display: block;
    padding: 1rem;
    background: #f7f7f7;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    height: 6.375rem;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    overflow: hidden;
}

.gongzuojihua ul li:first-child {
    margin-left: 0rem;
}

.gongzuojihua ul li:hover {
    background: #fdc500;
}

.gongzuojihua ul li:hover .lia {
    border: 1px solid #da0020;
}

.gongzuojihua ul li:hover .lia span {
    color: #f7f7f7;
}

.gongzuojihua ul li:hover .lia span:nth-child(1) {
    color: #da0020;
}

.gongzuojihua ul li:hover .lib {
    color: #da0020;
}

.gongzuojihua ul li.on {
    background: #fdc500;
}

.gongzuojihua ul li.on .lia {
    border: 1px solid #da0020;
}

.gongzuojihua ul li.on .lia span {
    color: #f7f7f7;
}

.gongzuojihua ul li.on .lia span:nth-child(1) {
    color: #da0020;
}

.gongzuojihua ul li.on .lib {
    color: #da0020;
}

.gongzuojihua ul li .lia {
    width: 4.375rem;
    height: 4.375rem;
    border: 1px solid #d3d3d3;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0.5rem;
    float: left;
}

.gongzuojihua ul li .lia span {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
    color: #999999;
    line-height: 2rem;
    font-size: 0.8125rem;
}

.gongzuojihua ul li .lia span:nth-child(1) {
    color: #333333;
    height: 2rem;
    font-size: 0.9375rem;
    line-height: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gongzuojihua ul li .lib {
    float: left;
    line-height: 4rem;
    color: #999999;
    font-size: 18px;
    padding-left: 1rem;
    text-align: left;
width: 255px;
display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.gongzuojihua ul li a {
    text-align: center;
    text-decoration: underline;
    color: #999999;
    font-size: 1.125rem;
    line-height: 5.375rem;
}

.gongzuojihua ul li a:hover {
    color: #f7f7f7;
}

.huodong {
    display: flex;
}

.huodong .huodongl {
    width: 100%;
    margin-right: 1.5rem;
}

.huodong .huodongr {
    width: 100%;
    margin-left: 1.5rem;
}

.hdcon .a {
    width: 100%;
    display: block;
    position: relative;
}

.hdcon .a img {
    width: 100%;
    height: 220px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
}

.hdcon .a p {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fbfafa;
    font-size: 0.9375rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
height:2rem;
line-height:2rem;
}

.hdcon .a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 10px;
}

.hdcon .a:hover p {
    color: #da0020;
}

.hdcon ul {
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.hdcon ul li {
    clear: both;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.hdcon ul li a {
    color: #333333;
    font-size: 0.9375rem;
}

.hdcon ul li a:hover {
    color: #da0020;
}

.Purchase ul li {
    width: 110px;
    height: 169px;
    float: left;
    margin-right: 15px;
}

.Purchase ul li:nth-child(3n) {
    margin-right: 0px;
}

.Purchase ul li a img {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Purchase ul li a p {
      text-align: center;
    color: #333333;
    font-size: 0.9375rem;
    line-height: 32px;
    width: 110px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.Purchase ul li a:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    border-radius: 10px;
}

.luntancon {
    display: flex;
}

.luntanl {
    width: 237px;
}

.luntanl ul li {
    text-align: center;
    clear: both;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}

.luntanl ul li a {
    /* background: #fedadc;
    text-align: center;
    width: 222px;
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 1rem; */
	/* 修改样式 */   
    background: #fff;
     text-align: center;
     width: 222px;
     display: block;
     padding-top: 16px;
     padding-bottom: 16px;
     border-radius: .5rem;
     height: 55px;
     line-height: 25.5px;
     color: #000;
     font-size: 1.125rem;
}

.luntanl ul li a img {
    clear: both;
    display: block;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    margin-bottom: 5px;
}

.luntanl ul li a strong {
    text-align: center;
    color: #ff888e;
    font-size: 0.9375rem;
    clear: both;
    display: block;
    width: 100%;
}

.luntanl ul li.on a {/* 修改样式 */
 color: #fff;
background: linear-gradient(180deg, #cf4f26 0%, #a00314 100%);

}

.luntanl ul li.on a strong {
    color: #f7f7f7;
}

.luntanl ul li.on:after {/* 修改样式 */
    /* background: url(../img/luntan_13.png) no-repeat; */
    width: 15px;
    height: 21px;
    /* content: " "; */
    display: block;
    right: 0px;
    top: 45px;
    position: absolute;
}

.luntanr {
    margin-left: 40px;
    width: 917px;
}

.luntanr dl {
    clear: both;
    display: flex;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #d3d3d3;
}

.luntanr dl:last-child {
    border-bottom: 0;
}

.luntanr dl dt {
    width: 87px;
    float: left;
}

.luntanr dl dt img {
    width: 70px;
    height: 70px;
    border-radius: 70px;
}

.luntanr dl dd {
    /* background: #ffefef; */
    position: relative;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-right: 20px;
    width: 836px;
    border-radius: 0.5rem;
}

.luntanr dl dd .ico {
    display: block;
    background: url(../img/luntan_09.png) no-repeat;
    width: 9px;
    height: 16px;
    position: absolute;
    left: -9px;
    top: 18px;
}

.luntanr dl dd .delete {
    display: block;
    background: url(../img/delete_03.png) no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    right: 29px;
    top: 18px;
}

.luntanr dl dd strong {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    clear: both;
    display: block;
    color: #333333;
    font-size: 0.9375rem;
}

.luntanr dl dd strong span {
    color: #ff888e;
}

.luntanr dl dd p {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    clear: both;
    display: block;
    color: #333333;
    font-size: 0.9375rem;
}

.luntanr dl dd ul {
    clear: both;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.luntanr dl dd ul li {
    float: left;
    margin-right: 1rem;
}

.luntanr dl dd ul li span img {
    width: 200px;
    height: 200px;
    border-radius: 10px;
}

.luntanr dl dd .zanping {
    clear: both;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 6px;
    text-align: right;
}

.luntanr dl dd .zanping .p {
    color: #999999;
    float: left;
    text-align: left;
}

.luntanr dl dd .zanping .zan {
    display: inline-block;
    height: 50px;
    width: 90px;
    background: url(../img/lt_35.png) no-repeat;
    background-position: left 0px top 0px;
    text-align: center;
    color: #999999;
    line-height: 30px;
}

.luntanr dl dd .zanping .zan:hover {
    background: url(../img/lt_29.png) no-repeat;
    background-position: left 0px top 0px;
}
/* <!-- 管理员 --> */
.luntanr dl dd .zanping .ping1 {
    display: inline-block;
    height: 50px;
    width: 90px;
    background: url(../img/paixu.png) no-repeat;
    background-position: left 0px top 0px;
    text-align: center;
    color: #999999;
    line-height: 30px;
}
/* <!-- 党员 --> */
.luntanr dl dd .zanping .ping2 {
    display: inline-block;
    height: 50px;
    width: 90px;
    background: url(../img/bianji.png) no-repeat;
    background-position: left 0px top 0px;
    text-align: center;
    color: #999999;
    line-height: 30px;
}
.luntanr dl dd .zanping .ping {
    display: inline-block;
    height: 50px;
    width: 90px;
    background: url(../img/lt_29-12.png) no-repeat;
    background-position: left 0px top 0px;
    text-align: center;
    color: #999999;
    line-height: 30px;
}
.luntanr dl dd .zanping .ping:hover {
    background: url(../img/lt_29-12.png) no-repeat;
    background-position: left 0px top 0px;
}

.luntanr dl dd .perscon {
    background: #f6e2e3;
    padding: 1rem;
    margin: 1rem;
    margin-top: 0px;
    display: flex;
    border-radius: 0.5rem;
}

.luntanr dl dd .perscon .persconl img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.luntanr dl dd .perscon .persconr {
    padding-left: 1rem;
}

.luntanr dl dd .perscon .persconr strong {
    clear: both;
    color: #333333;
    font-size: 0.8125rem;
}

.luntanr dl dd .perscon .persconr p {
    clear: both;
    color: #999999;
    font-size: 0.8125rem;
}

.quantuancon span {
    float: left;
}

.quantuancon span a {
    display: inline-block;
    padding: 10px 26px;
    border: 1px solid #d3d3d3;
    border-radius: 25px;
    margin-right: 1rem;
padding-top: 4px;
}

.quantuancon span a span {
display:block;
height:32px;
padding:0.2rem 0;
    line-height: 32px;
}

.quantuancon span a span img {
    height: 32px;
    width: 32px;
    border-radius: 10px;
}

.quantuancon span a:hover {
    border: 1px solid #da0020;
}

.quantuancon span a:hover span {
    color: #da0020;
}

.Organization {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    overflow: hidden;
    border-bottom: 1px solid #d3d3d3;
}

.Organization ul {
    display: flex;
    width: 100%;
}

.Organization ul li {
    text-align: center;
    width: 100%;
}

.Organization ul li a img {
    width: 110px;
    height: 110px;
    border-radius: 15px;
}

.Organization ul li a p {
    text-align: center;
    font-size: 0.9375rem;
    color: #333333;
    text-align: center;
    color: #333333;
    font-size: 15px;
    margin: 10px 0;
    width: 120px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.helpcon a {
    clear: both;
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.helpcon a a {
    width: 100%;
}

.bmtit {
    background: url(../img/dtt01_32.png) no-repeat;
    background-position: center center;
    width: 367px;
    height: 85px;
    text-align: center;
    color: #da0020;
    font-size: 0.9375rem;
    line-height: 88px;
}

.baoming .bmcomn {
    background: url(../img/dtfw_33.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 197px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    box-shadow: 3px 3px 6px 6px #d3d3d3;
}

.baoming .bmcomn .tii {
    text-align: center;
    color: #333333;
    font-size: 1.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    height: 5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.baoming .bmcomn p {
    color: #999999;
    font-size: 0.9375rem;
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
}

.baoming .bmcomn .btn {
    display: inline-block;
    padding: 10px 26px;
    border: 1px solid #fdc500;
    border-radius: 25px;
    margin-right: 1rem;
    background: #fdc500;
    color: #da0020;
    margin-top: 1rem;
}

.baoming .bmcomn .swiper-container {
    padding-bottom: 60px;
}

.baoming .bmcomn .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: #d3d3d3;
    border: 1px solid #da0020;
}

.baoming .bmcomn .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #da0020;
    border: 1px solid #da0020;
}

.baozz {
    padding-top: 1.5rem;
}

.zzfw ul {
    display: flex;
    width: 100%;
}

.zzfw ul li {
    text-align: center;
    display: flex;
    width: 100%;
}

.zzfw ul li a img {
    width: 110px;
    height: 110px;
}

.zzfw ul li a p {
text-align: center;
    color: #333333;
    font-size: 15px;
    margin: 10px 0;
    width: 110px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}

.qiutit {
    text-align: center;
    width: 26rem;
    margin: 0 auto;
    margin-bottom: 30px;
}

.qiutit ul {
    text-align: center;
    display: flex;
}

.qiutit ul li {
    text-align: center;
    margin-left: 2.6875rem;
    margin-right: 2.6875rem;
}

.qiutit ul li strong {
    border: 1px solid #d3d3d3;
    color: #333333;
    font-size: 0.9375rem;
    height: 3rem;
    line-height: 3rem;
    width: 10rem;
    display: inline-block;
    border-radius: 2rem;
    cursor: pointer;
}

.qiutit ul li.on strong {
    background: #da0020 url(../img/fabuon_03.png) no-repeat;
    background-size: 1.4375rem 1.5625rem;
    background-position: left 0.8rem top 0.6rem;
    color: #f7f7f7;
    padding-left: 0.8rem;
}

.qiutit ul li.on strong a {
    color: #fff;
}

.qilist dl {
    clear: both;
    display: flex;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #d3d3d3;
}

.qilist dl:last-child {
    border-bottom: 0;
}

.qilist dl dt {
    width: 9.125rem;
    float: left;
    text-align: center;
    font-size: 0.9375rem;
    color: #333333;
}

.qilist dl dt img {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 4.375rem;
}

.qilist dl dd {
    background: #ffefef;
    position: relative;
    padding-left: 2.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 2.25rem;
    width: 1000px;
    border-radius: 0.5rem;
}

.qilist dl dd .ico {
    display: block;
    background: url(../img/luntan_09.png) no-repeat;
    background-size: 0.5625rem 1rem;
    width: 0.5625rem;
    height: 1rem;
    position: absolute;
    left: -0.5625rem;
    top: 1rem;
}

.qilist dl dd strong {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    clear: both;
    display: block;
    padding-right: 5rem;
    color: #333333;
    font-size: 0.9375rem;
}

.qilist dl dd strong span {
    color: #ff888e;
}

.qilist dl dd p {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    clear: both;
    display: block;
    color: #999999;
    font-size: 0.9375rem;
    padding-right: 7rem;
display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}

.qilist dl dd .suding {
    position: absolute;
    right: 2rem;
    top: 50%;
    background: #04cad5;
    color: #f7f7f7;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
}

.qilist dl dd .jiebang {
    position: absolute;
    right: 2rem;
    top: 50%;
    background: #fdc500;
    color: #da0020;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
}

.qilist dl dd .toupianon {
    position: absolute;
    right: 2rem;
    top: 50%;
    background: #fdc500;
    color: #da0020;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
}

.qilist dl dd .toupian {
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    text-align: center;
    background: #999999;
    color: #ffffff;
}

.toupiaocon {
    background: #f7f7f7;
    text-align: left;
    padding: 2rem 3rem;
    border-radius: 2rem;
    margin-bottom: 2rem;
}

.toupiaocon dl {
    clear: both;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
}

.toupiaocon dl dt {
    width: 10rem;
}

.toupiaocon dl dt img {
    width: 100%;
height:180px;
border-radius: 10px;
}

.toupiaocon dl .dd1 {
    width: 39rem;
    text-align: left;
    padding-left: 2.5rem;
}

.toupiaocon dl .dd1 .dda {
    clear: both;
    display: block;
    overflow: hidden;
}

.toupiaocon dl .dd1 .dda span {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 1.375rem;
    color: #333333;
    padding: 0.25rem 0.25rem;
    display: inline-block;
    float: left;
}

.toupiaocon dl .dd1 .dda strong {
    padding: 0;
    margin: 0;
    background: #fdc500;
    margin-left: 1rem;
    padding: 0.1rem 0.35rem;
    overflow: hidden;
    display:block;
    border-radius: 1rem;
    margin-top: 0.2rem;
    float: left;
}

.toupiaocon dl .dd1 .dda strong span {
    padding: 0;
    margin: 0;
    float: left;
    font-size: 15px;
    font-weight: 500;
    color: #da0020;
    height:30px;
    line-height: 32px;
    margin-right: 0.2rem;
}

.toupiaocon dl .dd1 .dda strong span img {
    margin-left: 0.25rem;
    margin-top: -3px;
    border-radius: 100%;
}

.toupiaocon dl .dd1 p {
    clear: both;
    display: block;
    font-size: 0.9375rem;
    color: #333333;
    padding-top: 1rem;
    line-height: 1.5rem;
}

.toupiaocon dl .dd2 {
    width: 13rem;
    text-align: center;
    padding-top: 4rem;
    padding-left: 4rem;
}

.toupiaocon dl .dd2 p {
    color: #333333;
    font-size: 0.9375rem;
}

.toupiaocon dl .dd2 p span {
    color: #da0020;
    font-size: 1.375rem;
    font-weight: 500;
}

.toupiaocon dl .dd2 a {
    margin: 0 auto;
    background: #fdc500;
    color: #da0020;
    width: 5rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 1.5rem;
    text-align: center;
}

.toupiaodetails {
    background: #f7f7f7;
    text-align: left;
    padding: 2rem 4rem;
    border-radius: 3rem;
    margin-bottom: 4rem;
}

.toupiaodetails p {
    color: #333333;
    font-size: 0.9375rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: left;
}

.toupiaodetails .canyu {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.toupiaodetails .canyu a {
    background: #fdc500 url(../img/jiao01_03.png) no-repeat;
    background-position: left 0.75rem top 0.6rem;
    color: #da0020;
    width: 7rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 1.5rem;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    padding-left: 1.25rem;
    top: -2rem;
}

.toupiaodetails .canyuc {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.toupiaodetails .canyuc a {
    color: #da0020;
    width: 2rem;
    background: #fdc500;
    border-radius: 2rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    position: absolute;
    left: 50%;
    top: -2rem;
}

.toupiaodetails .canyuc a img {
    margin-top: 0.5rem;
}

.listpic {
    overflow: hidden;
}

.listpic ul li {
    width: 33%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.listpic ul li .pica {
    width: 304px;
    margin: 0 auto;
    height: 460px;
    position: relative;
}

.listpic ul li .pic {
    width: 304px;
    height:400px;
    background: #ffffff;
    position: relative;
    text-align: center;
}

.listpic ul li .pic .img {
    width: 304px;
    height: 260px;
}

.listpic ul li .pic strong {
    padding: 0;
    margin: 0;
    background: #fdc500;
    padding: 0.1rem 0.35rem;
    overflow: hidden;
    display: inline-block;
    border-radius: 1rem;
    margin-top: 0.2rem;
    float: left;
    position: absolute;
    left: 50%;
    top: 245px;
    margin-left: -2.6rem;
}

.listpic ul li .pic strong span {
    padding: 0;
    margin: 0;
    float: left;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #da0020;
    line-height: 23px;
    margin-right: 0.2rem;
}

.listpic ul li .pic strong span img {
    margin-left: 0.25rem;
    margin-top: 0.1rem;
    border-radius: 100%;
}

.listpic ul li .pic .titux {
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 1.125rem;
    text-align: center;
    padding-top: 1rem;
    font-weight: 600;
}

.listpic ul li .pic .smx {
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 0.9375rem;
    text-align: center;
    padding-top: 1rem;
}

.listpic ul li .pic .smx span {
    color: #da0020;
}

.listpic ul li .tp a {
    color: #da0020;
   width: 4rem;
    background: #fdc500;
    border-radius: 2rem;
    margin-top: 1rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -2rem;
    bottom: 1rem;
}

.bottomx {
    background: #da0020;
}

.xiajicomn {
    border-radius: 4rem;
    border: 1px solid #d3d3d3;
    margin: 2rem;
    padding: 2rem;
    width: 100%;
    min-height: 1000px;
    box-shadow: 0 0 5px 5px #d3d3d3;
}

.xiajicomn .xiajitit {
    border-bottom: 1px dotted #999999;
    color: #da0020;
    height: 4rem;
    line-height: 4rem;
    padding-left: 1rem;
    font-size: 1.375rem;
}

.xiajiccn {
    padding-top: 100px;
    padding-left: 200px;
}

.xiajiccn .xiajil {
    width: 187px;
    border-right: 0px solid #d3d3d3;
    margin-right: -1px;
    float: left;
}

.xiajiccn .xiajil ul li {
    height: 102px;
}

.xiajiccn .xiajil ul li .dang {
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    color: #333333;
    font-size: 0.9375rem;
    display: inline-block;
    float: left;
}

.xiajiccn .xiajil ul li .addc {
    width: 62px;
    height: 40px;
    text-align: center;
    display: inline-block;
    float: left;
    position: relative;
}

.xiajiccn .xiajil ul li .addc .add {
    background: url(../img/zhedieadd.png) no-repeat;
    background-position: center center;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-top: 5px;
}

.xiajiccn .xiajil ul li .addc:before {
    content: " ";
    background: #d3d3d3;
    width: 16px;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 50%;
    display: inline-block;
}

.xiajiccn .xiajil ul li .addc:after {
    content: " ";
    background: #d3d3d3;
    width: 16px;
    height: 1px;
    position: absolute;
    right: 0px;
    top: 50%;
    display: none;
}

.xiajiccn .xiajil ul li.on .addc .add {
    background: url(../img/zhedie.png) no-repeat;
    background-position: center center;
}

.xiajiccn .xiajil ul li.on .addc:after {
    display: inline-block;
}

.xiajiccn .xiajir {
    border-left: 1px solid #d3d3d3;
    float: left;
}

.xiajiccn .xiajir .kuai {
    width: 177px;
    height: 102px;
}

.xiajiccn .xiajir .kuai .sp1 {
    float: left;
    width: 42px;
    height: 10px;
    display: inline-block;
    border-top: 1px solid #d3d3d3;
}

.xiajiccn .xiajir .kuai .sp2 {
    float: left;
    width: 11px;
    display: inline-block;
    height: 10px;
    background: url(../img/yousanjiao.png) no-repeat;
    background-position: center center;
    margin-top: -5px;
}

.xiajiccn .xiajir .kuai .sp3 {
    float: left;
    display: inline-block;
    width: 124px;
    margin-top: -20px;
}

.xiajiccn .xiajir .kuai .sp3 strong {
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    color: #333333;
    font-size: 0.9375rem;
    display: inline-block;
}

.xiajiccn .xiajir .kuai .sp3 p {
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #04cad5;
    font-size: 0.9375rem;
    display: inline-block;
}

.xiajiccn .xiajir .kuails {
    width: 17px;
    height: 102px;
    display: block;
    background: #ffffff;
    margin-left: -4px;
    margin-top: -101px;
}

.xiajiccnx {
    padding-top: 0px;
    padding-left: 0px;
}

@media screen and (min-width: 1200px) {
    .con {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    .conx {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
}

@media screen and (max-width: 1200px) {
    .daohangxx {
        width: 1200px;
        margin: 0 auto;
    }
    .topx {
        width: 1200px;
        margin: 0 auto;
    }
    .topx .conz .topr {
        display: block;
    }
    .bottomx {
        width: 1200px;
        margin: 0 auto;
    }
    .daohangn {
        width: 1200px;
        margin: 0 auto;
    }
    .dhlist {
        display: block;
        position: fixed;
        left: 2rem;
        margin-right: 0rem;
        top: 6.4rem;
        width: 1.8rem;
        height: 1.8rem;
        cursor: pointer;
        z-index: 100000;
    }
    .dhlist .line {
        width: 1.8rem;
        height: 0.2rem;
        background-color: #da0020;
        display: block;
        margin-top: 0.4rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .dhlist .line:nth-child(2) {
        width: 1.8rem;
        height: 0.2rem;
        margin-left: 0px;
        background-color: #da0020;
        display: block;
        margin-top: 0.4rem;
        text-align: right;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .dhlist.on {
        position: fixed;
        left: 2rem;
        margin-right: 0rem;
        top: 6.4rem;
        z-index: 100000;
    }
    .dhlist.on .line {
        background-color: #da0020;
    }
    .dhlist.on .line:nth-child(1) {
        -webkit-transform: translateY(0.5rem) rotate(45deg);
        -ms-transform: translateY(0.5rem) rotate(45deg);
        -o-transform: translateY(0.5rem) rotate(45deg);
        transform: translateY(0.5rem) rotate(45deg);
    }
    .dhlist.on .line:nth-child(2) {
        opacity: 0;
    }
    .dhlist.on .line:nth-child(3) {
        -webkit-transform: translateY(-0.8rem) rotate(-45deg);
        -ms-transform: translateY(-0.8rem) rotate(-45deg);
        -o-transform: translateY(-0.8rem) rotate(-45deg);
        transform: translateY(-0.8rem) rotate(-45deg);
    }
    .con {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .conx {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .top {
        position: fixed;
        top: 0rem;
        left: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 100%;
        z-index: 100;
        height: 11rem;
        background: #ffffff;
        border-bottom: 1px solid #d3d3d3;
        overflow: hidden;
        background: url("../img/bg.png") no-repeat;
        background-size: cover;
    }
    .top .con:nth-child(2) {
        display: block;
    }
    .top .con:nth-child(2) .daohangr {
        padding: 0;
        margin: 0;
        clear: both;
        display: block;
        padding-left: 5.5rem;
        padding-right: 1rem;
        text-align: left;
        float: none;
        width: 100%;
        margin-top: 1.5rem;
        height: 4rem;
        line-height: 4rem;
        position: relative;
    }
    .top .con:nth-child(2) .daohangr span {
        padding: 0;
        margin: 0;
        clear: both;
        display: block;
        float: none;
        height: 4rem;
        line-height: 4rem;
    }
    .top .con:nth-child(2) .daohangr span input {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 4rem;
        line-height: 4rem;
        padding-left: 1rem;
        border: 1px solid #d3d3d3;
        border-radius: 3rem;
    }
    .top .con:nth-child(2) .daohangr span.ico {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        display: block;
        height: 1.625rem;
        margin-top: -0.8125rem;
        right: 3rem;
    }
    .top .con:nth-child(2) .daohangr span.ico img {
        height: 1.625rem;
        width: auto;
    }
    .top .topl {
        float: left;
        padding-left: 1.25rem;
    }
    .top .topr {
        float: right;
        padding-right: 1.25rem;
    }
    .top .topr a {
        line-height: 2.5rem;
    }
    .top .topr a span {
        float: left;
        line-height: 2.65rem;
        margin-right: 0.625rem;
        display: inline-block;
        color: #da0020;
        font-size: 0.9375rem;
    }
    .top .topr a span:nth-child(3) img {
        margin-top: 0.8rem;
        width: 0.9rem;
        height: 0.9rem;
    }
    .toph {
        height: 11rem;
        clear: both;
        display: block;
    }
    .daohang {
        position: fixed;
        left: 0px;
        top: 11rem;
        width: 100%;
        height: auto;
        z-index: 100;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: none;
        background: #f7f7f7;
        border-bottom: 1px solid #d3d3d3;
    }
    .daohang .daohangl {
        float: none;
        clear: both;
        display: block;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        overflow: hidden;
        text-align: center;
    }
 
    .newsa .newstit {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newsa .newscon {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newsa .newscon .newsconl {
        width: 100%;
        float: none;
        clear: both;
        display: block;
    }
    .newsa .newscon .newsconr {
        width: 100%;
        float: none;
        clear: both;
        display: block;
    }
    .newsb .newsbl {
        width: 100%;
        float: none;
    }
    .newsb .newsbl .nbtit {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newsb .newsbr {
        width: 100%;
        float: none;
    }
    .newsb .newsbr .nbtit {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newsb .newsbr .nbrcon a {
        padding: 0;
        margin: 0;
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
        text-align: center;
    }
    .newsc .con {
        overflow: hidden;
    }
    .bott span {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    /*list*/
    .newslist .newstop {
        margin-left: 20px;
        margin-right: 20px;
    }
    .newslistl {
        padding: 0;
        margin: 0;
        border-right: 0px solid #dddddd;
        width: 100%;
        display: block;
        float: none;
    }
    .newslistl ul {
        margin-left: 0px;
        width: 100%;
        display: flex;
        clear: both;
    }
    .newslistl ul li {
        clear: none;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        float: left;
        width: 100%;
    }
    .newslistl ul li a {
        margin-right: 0.25px;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        height: 36px;
        line-height: 36px;
        text-align: center;
        color: #333333;
        font-size: 1.125rem;
        border-radius: 5px;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
		background-color: #fff;
    }
    .newslistl ul li a:after {
        display: none;
    }
    .newslistl ul li.on a {/* 新加样式 */
        font-size: 1.125rem;   background: linear-gradient(180deg, #cf4f26 0%,#a00314 100%);
        box-shadow: 2px 1px 6px #d3d3d3;
        color: #fff;
    }
    .newslistl ul li.on a:after {
        display: none;
    }
    .newslistl ul li.on a:before {
        display: none;
    }
    .newslistl ul li:hover a {
        font-size: 1.125rem;
        box-shadow: 2px 1px 6px #d3d3d3;
		/* 新加样式 * */
			background: linear-gradient(180deg, #cf4f26 0%, #a00314 100%);
		    border-radius: 5px;
			color: #fff;
    }
    .newslistl ul li:hover a:after {
        color: #fdc500;
    }
    .newslistl ul li:hover a:before {
        display: none;
    }
    .newslistr {
        padding: 0;
        margin: 0;
        float: none;
        display: block;
        width: 100%;
        padding-bottom: 1.25rem;
    }
    .newslistr.on dl dd {
        padding-left: 1.25rem;
        width: 40rem;
    }
    .newslistr dl {
        padding: 0;
        margin: 0;
        clear: both;
        display: flex;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newslistr dl dt {
        width: 14rem;
        height: 9.5rem;
        text-align: left;
    }
    .newslistr dl dt a img {
        width: 14rem;
        height: 9.5rem;
        border-radius: 15px;
    }
    .newslistr dl dd {
        width: 40rem;
        text-align: left;
        padding-left: 1.25rem;
        padding-top: 0px;
        overflow: hidden;
    }
    .newslistr dl dd a {
        color: #333333;
        font-size: 1.125rem;
        clear: both;
        display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");
        /*FireFox*/
    }
    .newslistr dl dd a:hover {
        color: #da0020;
    }
    .newslistr dl dd p {
        color: #999999;
        font-size: 0.9375rem;
        clear: both;
        display: block;
         height:3.2rem;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .newslistr .gglilst {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .newslistr .gglilst li {
        clear: both;
        display: flex;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
    .newslistr .gglilst li .dt {
        float: left;
        width: 8rem;
        height: 8rem;
        border-radius: 0.6rem;
        background: #ffffff;
        border: 1px solid #fdc500;
    }
    .newslistr .gglilst li .dt strong {
        width: 100%;
        text-align: center;
        font-size: 1.375rem;
        line-height: 4.125rem;
        display: block;
        color: #fdc500;
    }
    .newslistr .gglilst li .dt p {
        width: 100%;
        text-align: center;
        font-size: 0.9375rem;
        line-height: 1.40625rem;
        display: block;
        color: #999999;
    }
    .newslistr .gglilst li .dd {
        width: 40rem;
        padding-left: 2rem;
        padding-top: 0.2rem;
    }
    .newslistr .gglilst li .dd a {
        color: #333333;
        font-size: 1.375rem;
        clear: both;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");
        /*FireFox*/
        padding-bottom: 15px;
        position: relative;
    }
    .newslistr .gglilst li .dd a:after {
        content: " ";
        background: #fdc500;
        width: 4rem;
        height: 4px;
        position: absolute;
        left: 0px;
        bottom: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .newslistr .gglilst li .dd p {
        color: #999999;
        font-size: 0.9375rem;
        clear: both;
        display: block;
        padding-top: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");
        /*FireFox*/
    }
    .newslistr .gglilst li:hover .dt {
        width: 8rem;
        height: 8rem;
        background: #fdc500;
    }
    .newslistr .gglilst li:hover .dt strong {
        font-size: 1.375rem;
        line-height: 4.125rem;
        color: #ffffff;
    }
    .newslistr .gglilst li:hover .dt p {
        font-size: 0.9375rem;
        line-height: 1.40625rem;
        color: #ffffff;
    }
    .newslistr .gglilst li:hover .dd a {
        color: #da0020;
    }
    .newslistr .gglilst li:hover .dd a:after {
        content: " ";
        background: #fdc500;
        width: 100%;
        height: 4px;
        position: absolute;
        left: 0px;
        bottom: 0;
    }
    .newslistr .piclist {
        width: 100%;
        padding-top: 2rem;
    }
    .newslistr .piclist li {
        float: left;
        width: 50%;
        margin-right: 0;
        margin-bottom: 13px;
        text-align: center;
    }
    .newslistr .piclist li:nth-child(3n) {
        margin-right: 0px;
    }
    .newslistr .piclist li a {
        position: relative;
        width: 18rem;
        margin: 0 auto;
    }
    .newslistr .piclist li a img {
        width: 18rem;
        height: 16.25rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 15px;
    }
    .newslistr .piclist li a:hover img {
        transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        border-radius: 15px;
    }
    .newslistr .zhidu {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .zikutit {
        padding-top: 1.875rem;
        padding-bottom: 2.5rem;
    }
    .zikutit a {
        width: 9rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .btit {
        height: 3.75rem;
    }
    .btitl {
        padding-left: 1.2rem;
    }
    .btitl span {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .btitr {
        padding-right: 1.2rem;
    }
    .btitr .sp1 {
        float: left;
        margin: 0.5rem 1rem 0rem 0;
    }
    .btitr .sp1 img {
        width: 1.5625rem;
        height: 1.25rem;
    }
    .lunbol {
        padding: 0;
        margin: 0;
        height: auto;
        float: none;
        width: calc( 100% - 2.5rem);
    }
    .lunbol .swiper-container {
        margin-left: 1.25rem;
    }
    .lunbol .swiper-container .swiper-slide {
        position: relative;
        width: 100%;
    }
    .lunbol .swiper-container .swiper-slide .img {
        width: 100%;
    }
    .lunbol .swiper-container .swiper-slide .neirong {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }
    .lunbol .swiper-container .swiper-slide .neirong .sp1 {
        position: absolute;
        right: 0.6rem;
        top: 0.45rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .sp1 img {
        width: 3.125rem;
        height: 3.125rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit {
        margin-top: 13rem;
        padding-left: 0.78rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit a {
        color: #f7f7f7;
        font-size: 1.375rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 {
        margin-top: 1rem;
        padding-left: 0.78rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 span {
        border-radius: 1rem;
        padding: 0.1rem 0.4rem;
        color: #f7f7f7;
        font-size: 0.8125rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 span:nth-child(1) {
        background: #ff888e;
        margin-left: 0.5rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 span:nth-child(2) {
        background: #04cad5;
        margin-left: 0.2rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 {
        margin-top: 0.8rem;
        padding-left: 0.78rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span {
        padding: 0rem 0rem;
        color: #f7f7f7;
        font-size: 0.8125rem;
        display: inline-block;
        float: left;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(1) {
        margin-left: 0.4rem;
        margin-top: 0;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(1) img {
        width: 2rem;
        height: 2rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(2) {
        padding-top: .5rem;
        margin-left: 0.5rem;
    }
    .lunbol .swiper-container .swiper-slide .neirong .lbtit2 span:nth-child(3) {
        padding-top: .5rem;
        margin-left: 2.2rem;
    }
    .lunbol .swiper-container .swiper-button-next {
        display: block;
        width: 1.4rem;
        height: 2rem;
        background: url(../img/chevron-right.png);
        background-size: cover;
        right: 70px;
        top: auto;
        cursor: pointer;
        bottom: 2.03125rem;
    }
    .lunbol .swiper-container .swiper-button-prev {
        display: block;
        width: 1.4rem;
        height: 2rem;
        background: url(../img/chevron-left.png);
        background-size: cover;
        left: auto;
        right: 100px;
        top: auto;
        cursor: pointer;
        bottom: 2.03125rem;
    }
    .lunbor {
        padding: 0;
        margin: 0;
        width: auto;
        float: none;
        background: #fff;
        height: auto;
        border-radius: 1rem;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        padding-bottom: 1.25rem;
        margin-top: 2.5rem;
        z-index: 1;
    }
    .lunbor .img {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .lubc {
        padding: 0;
        margin: 0;
        margin-top: 1rem;
        padding-left: 0.78rem;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        overflow: hidden;
        white-space: nowrap;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /* Opera */
        -moz-binding: url("ellipsis.xml#ellipsis");
        /*FireFox*/
    }
    .lubc a {
        color: #333333;
        font-size: 1.125rem;
    }
    .lubc a span {
        color: #da0020;
    }
    .lubc a:hover {
        color: #da0020;
    }
    .plist {
        padding: 0;
        margin: 0;
        padding: 1.25rem;
        padding-top: 0;
    }
    .plist dl {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
        margin-top: 2.5rem;
        padding-bottom: 1rem;
    }
    .plist dl dt {
        width: 100%;
        height: auto;
    }
    .plist dl dt a .img {
        width: 100%;
        height: auto;
    }
    .kaoshilist ul {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
    .kaoshicenter {
        display: block;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
    .kaoshil {
        width: 100%;
        float: none;
        clear: both;
    }
    .kaoshir {
        width: 100%;
        float: none;
        clear: both;
    }
    .kaoshir .kaoshirs {
        border-radius: 3rem;
    }
    .tijiao {
        width: 90%;
        height: 25rem;
        border-radius: 0.5rem;
        position: absolute;
        left: 5%;
        margin-left: 0;
        top: 50%;
        margin-top: -12.5rem;
    }
    .listpic {
        overflow: hidden;
    }
    .listpic ul li {
        width: 100%;
        text-align: center;
        float: none;
        margin-top: 1rem;
        margin-bottom: 1rem;
        clear: both;
    }
    .listpic ul li .pica {
        width: 304px;
        margin: 0 auto;
        height: 460px;
        position: relative;
    }
    .listpic ul li .pic {
        width: 304px;
        height:400px;
        background: #ffffff;
        position: relative;
        text-align: center;
    }
    .listpic ul li .pic .img {
        width: 304px;
        height: 260px;
    }
    .listpic ul li .pic strong {
        padding: 0;
        margin: 0;
        background: #fdc500;
        padding: 0.1rem 0.35rem;
        overflow: hidden;
        display: inline-block;
        border-radius: 1rem;
        margin-top: 0.2rem;
        float: left;
        position: absolute;
        left: 50%;
        top: 245px;
        margin-left: -2.6rem;
    }
    .listpic ul li .pic strong span {
        padding: 0;
        margin: 0;
        float: left;
        font-size: 0.9375rem;
        font-weight: 500;
        color: #da0020;
        line-height: 23px;
        margin-right: 0.2rem;
    }
    .listpic ul li .pic strong span img {
        margin-left: 0.25rem;
        margin-top: 0.1rem;
        border-radius: 100%;
    }
    .listpic ul li .pic .titux {
        padding: 0;
        margin: 0;
        color: #333333;
        font-size: 1.125rem;
        text-align: center;
        padding-top: 2rem;
        font-weight: 600;
        margin-top: 15px;
        
    }
    .listpic ul li .pic .smx {
        padding: 0;
        margin: 0;
        color: #333333;
        font-size: 0.9375rem;
        text-align: center;
        padding-top: 1rem;
    }
    .listpic ul li .pic .smx span {
        color: #da0020;
    }
    .listpic ul li .tp a {
        color: #da0020;
        width: 4rem;
        background: #fdc500;
        border-radius: 2rem;
        margin-top: 1rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        position: absolute;
        left: 50%;
        margin-left: -2rem;
        bottom: 1rem;
    }
    .kaoshir {
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
        margin-top: 1.5rem;
        position: relative;
        clear: both;
        top: auto;
        left: auto;
        right: auto;
    }
    .kaoshirx {
        clear: both;
        display: block;
        padding-top: 1.5rem;
        padding-left: 4rem;
    }
    .kaoshirx a {
        box-shadow: 1px 2px 3px #999999;
        color: #f7f7f7;
        font-size: 1.375rem;
        width: 8rem;
        height: 4rem;
        line-height: 4rem;
        border-radius: 0rem;
        display: inline-block;
        text-align: center;
        margin: 1rem 0.5rem 1rem 0.5rem;
        background: #fdc500;
    }
    .kaoshirx a:hover {
        background: #da0020;
        color: #ffffff;
    }
    .slstit {
        display: none;
    }
}


/*---评论---*/

.editShare {
    margin-top: 20px;
    line-height: 44px;
}

.editShare .editBar {
    width: 100%;
    display: block;
    margin-top: 30px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.editShare .editBar li {
    float: left;
    width: 33.2%;
    text-align: center;
    border-right: 1px solid #ddd;
    position: relative;
}

.editShare .editBar li .no-right {
    border-right: none;
}

.editShare li .one {
    font-size: 16px;
    color: #999;
}

.editShare li .one {
    text-align: center;
    display: block;
}

.editShare li .one:hover {
    background: #369;
    color: #fff;
}

.comment {
    width: 98%;
    margin: 30px auto;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}

.comment h3 {
    height: 28px;
    font-size: 14px;
    line-height: 28px
}

.com_form {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 10px;
}

.input1 {
    width: 100%;
    text-align: left;
    height: 70px;
    padding: 5px;
    resize: none;
    border: none;
    outline: none;
    padding: 10px;
}

.com_form p {
    position: relative;
    overflow: hidden;
}

.mt10 {
    margin-top: 10px;
}

.lh40 {
    line-height: 40px;
}

.ovh {
    overflow: hidden;
}

.mt35 {
    margin-top: 35px;
}

.fr {
    float: right;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-info {
    color: #fff;
    background-color: #f20d0d;
    border-color: #f20d0d;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.media {
    width: 100%;
    margin-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    /* border-bottom: 1px dashed #eee; */
}

.media-left {
    float: left;
    padding-right: 10px;
    width: 8%
}

.media-object {
    width: 50px;
    height: 50px;
    border: #F1F1F1 solid 1px;
    padding: 2px;
    border-radius: 50%;
    background: #F3F2EF;
    box-shadow: 0 1px 0 #ccc;
}

.media-left,
.media-body {
    vertical-align: top;
}

.media-body {
    float: left;
    width: 83%;
    overflow: hidden;
    zoom: 1;
}

.media-body .pic_h {
    height: 30px;
}

.media-body .pic_h .pic_user {
    font-size: 16px;
    color: #000;
}

.media-body .pic_h .pic_date {
    margin-left: 20px;
    font-size: 12px;
    color: #999;
}

.media-body .pic_txt {
    font-size: 14px;
    color: #666;
}

.fl {
    float: left;
}

.pagination>li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;

}

.pagination>.disabled {
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    text-align:center;
}


.page .active {
  
    background: #b5261c;
    color: #ffffff;
    box-shadow: 1px 2px 3px #999999;
    color: #999999;
    font-size: 0.9375rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    color: #fff;

}
.page a:hover {
    background: #b5261c;
    color: #ffffff;
}

#wrap1 {
    margin-top: 35px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.topr a span{
line-height:3.4rem;
}
.daohang .daohangl a{
padding:4px 0 !important;
}
.btitr .sp2 span:nth-child(1){
margin-top:3px !important;
}
.btitr .sp2 span:nth-child(2){
margin-top:2px !important;
}
.nbtit{
padding-top:5px !important;
}
.newsb .newsbl .nbcon ul li a p{
margin-top:5px !important;
}
.newsa .newscon .newsconr ul li a{
padding:1px 0 !important;
padding-left: 1.5rem !important;
}
.kaoshilist ul li .hangyi .bq{
height:28px !important;
line-height:25px !important;
}
.kaoshilist ul li .kaoshi{
height:40px !important;
line-height:27px !important;
}
.zbdlista dl dd p{
height:2.7rem !important;
}
.kaoshilist ul li .hangsan span:first-child{
height:30px;
display:block;
line-height:30px;
width:60px;
text-align:center;
margin:5px 0;
}
.jiexi .jxcon .answer ul li span{
line-height:1.7rem !important;
}
.jiexi .jxcon {
    padding: 2rem;
}
.jiexi .jxcon .ti span{
line-height:2.5rem !important;
}
.kaoshir .kscon a{
line-height:3.5rem !important;
}
.kaoshir .kss .spb span:nth-child(1){
margin-top:0;
}
.kaoshirx a{
line-height:4.6rem !important; 
}
.jiexi .datika .dacon .daconl a{
line-height:3.5rem !important;
}
.jiexi .datika .dacon .daconr ul li span{
line-height:1.3rem !important;
}
.jiexi .datika .dacon .daconr ul li .ksbtn{
padding:5px 10px;
padding-top:12px;
}
.btitr .sp2 img{
margin-top:0.5rem;
}
.zhibu .zhibul .zbcon .disi{
height:3rem;
}
.xingxiang1 .xxr ul li{
text-align:center;
}
.xxtt strong.tot::after{
top:-1px;
}
 .ch_btn{
height:48px !important;
}
.newslistl span{
	color: #fff;
}   
    .newslistl ul li a span {
        margin-right: 0.25px;
        padding-left: 0.2rem;
        padding-right: 4.2rem;
        display:block;
        height: 75px;
        line-height: 75px;
        width:229.5px;
        text-align: center;
        color: #ccc;
        font-size: 1.125rem;
        border-radius: 5px;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
.newslistl span::after{color: #FFF;
display: none;
}

.newslistl ul li a::after{color: #FFF;

border: #c94524 solid 2px;
}


.newslistr dl dd p{
height:3.5rem;
margin:10px 0;
}
.tijiao .tijiaoc .tijiaoc4 a{
height:3rem;
line-height:3.5rem;
}
.tijiaoBtn{
height:30px;
line-height:25px;
padding:3px 10px !important;
}
.gradesBtn{
height:30px !important;
line-height:30px !important;
}
.zhibu .zhibul .zbcon .disi p {
font-size:15px !important;
}
.sthd-content > dl > dd a, .shetuan-content{
display:block;
}
    .lunbol .swiper-container .swiper-slide .neirong .lbtit1 span {
        padding: 0.2rem 0.4rem;
    }
.lubdl span {
    padding: 0.2rem 0.4rem !important;
}
.quantuancon span a span{
line--height:39px !important;
}
.zbdlist dl dd p{
height:3rem;
}
/*.newslistr dl dd p{
height:3.6rem;
}*/
.zqs{
line-height:36px !important;
}
.sthd-content > dl > dd span{
line-height:34px !important;
}
.luntanr dl dd .zanping .zan{
line-height:40px !important;
}
.newslistr .piclist li a p{
      display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
    background:rgba(0, 0, 0, 0.5);
bottom:0.6rem;
line-height:2.3rem !important;
}
.shenghuolist li .bta{
   display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
    -moz-binding: url("ellipsis.xml#ellipsis");
    /*FireFox*/
}
.dangyuanbw .dangyuanbwn .dangyuanbwnw .dangyuanb .dangyuanbs strong span{
height:20px;
}
.shenghuolist li span .ch{
display:block;
line-height:2.9rem !important;
}
.fengcaizsn .fengcaizsx .fengcaizsxl a p{
line-height:2.2rem !important;
}
.fengcaizsn .fengcaizsx .fengcaizsxr a p{
padding:3px 5px;
}
.quantuancon span a span img{
margin-top:-3px;
}
.quantuancon span a{
padding:8px 26px;
}
.zzscy .zzshxx ul li .spx1{
line-height:3rem !important;
}
.zbdlist dl dd span{
height:26px;
line-height:30px !important;
}
.baoming .bmcomn .tii{
display:block;
}
.baoming .bmcomn .btn{
padding:8px 20px;
padding-top:15px;
}
.qilist dl dd .suding{
display:block;
line-height:2.9rem !important;
}
.qilist dl dd .jiebang{
line-height:2.9rem !important;
}
.page a{
line-height:3.5rem !important;
}
.page .active {
    padding:4px 0;
}
.btn-info{
height:30px;
line-height:27px;
padding:5px 15px !important;
}
.headtit > .hname{
line-height:31px !important;
}
.daohang .daohangr span.ico img{
height:1.68rem;
}
.jiaRu{
line-height:38px !important;
}
.tijiao .tijiaoc .tijiaoc4 .jiexi{
height:30px !important;
line-height:29px !important;
}
.toupiaodetails .canyu a,.listpic ul li .tp a{
line-height:2.5rem;
display:block;
}
.kaoshi{
line-height:38px !important;
}
.qiutit ul li strong{
line-height:3.3rem !important;
}
.qilist dl dd .toupianon,.qilist dl dd .toupian{
line-height:3rem !important;
}
.pagination>.disabled {
    padding:4px 0;
}
.dangyuana .dangyuanam .dangyuanamn span.num{
margin-top:0 !important;
}
.dangyuana .dangyuanam{
height:40px;
}
.newsa .newscon .newsconr ul li a::after{
top:-8px !important;
}
.sthd-content > dl > dd a{
margin-bottom:10px;
height:2.5rem;
}
.sthd-content > dl > dd span{
height:30px;
line-height:30px;
margin:10px 0;
}
.hdcon .a p{
line-height:2.5rem !important;
}
#wrap1 > a{
height:60px;
}
}.luntanr dl dd .zanping .ping1 {
    display: inline-block;
    height: 50px;
    width: 90px;
    background: url(../img/paixu.png) no-repeat;
    background-position: left 0px top 0px;
    text-align: center;
    color: #999999;
    line-height: 30px;
}
.jiexi .jxcon {
    background: #ffffff !important;}
    .listpic ul li .pic .titux {
        padding: 0;
        margin: 0;
        color: #333333;
        font-size: 1.125rem;
        text-align: center;
        padding-top: 2rem;
        font-weight: 600;
        margin-top: 15px !important;;
        
    }
    .newslistr dl {
        clear: both;
        display: flex;
        /* padding-bottom: 10px; */
        /* margin: auto; */
        padding-top: 10px;
       }
  
       .newslistr dl dd {
        float: left;
        width: 640px;
        text-align: left;
        padding-left: 20px !important;
        padding-top: 10px;
    }
    .box {
        background-color: rgb(255, 255, 255);
        border-radius: -3px;
        padding-top: 17px !important;
        padding-left: 17px !important;;
        /* margin-bottom: 5px; */
    }
    .btn {
        display: inline-block;
        vertical-align: middle;
        color: #f3DD0A;
        margin: 0 auto;
        width: 90px;
        height: 30px;
        line-height: 30px;
        background: #9F0214;
        border-radius: 15px;
        text-align: center;
    }
    .btn:hover{
    
    
     color: #fff;
    }