* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 5.21vw;
}

body {
    font-size: 12px;
    font-family: 'SourceHanSansCN-Normal', 'MicrosoftYaHei';
}

a {
    text-decoration: none;
    color: inherit;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

input {
    box-sizing: border-box;
    outline: none;
}

input:-internal-autofill-previewed, input:-internal-autofill-selected {
    -webkit-text-fill-color: #807c7c;
    transition: background-color 5000s ease-out 0.5s;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

button {
    cursor: pointer;
    outline: none;
}

input::placeholder, textarea::placeholder {
    color: #999999;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
}

.head {
    /* box-shadow: 0px 10px 35px 0px #e5e8eb; */
    position: relative;
    height: 70px;
}

.head_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    height: 70px;
    justify-content: space-between;
    padding: 0 3.6%;
    min-width: 1500px;
    box-sizing: border-box;
    z-index: 111;
    box-shadow: 0px 0px 5px #ccc;
}

.head_box.active {
    box-shadow: none;
}

/* .head_box.animate__animated{
    transform: translateY(-70px);
} */

.head_logo {
    display: flex;
    align-items: center;
}

.head_logo img {
    width: 134px;
}

.head_list {
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: #333333;
    align-items: center;
    height: 100%;
    margin: 0 auto;
}

.head_list_item {
    width: 100px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.head_list_item:hover::after {
    visibility: visible;
}

.head_list_item:hover .head_list_menu {
    display: block;
}

.head_list_item::after {
    content: '';
    visibility: hidden;
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 3px;
    background: #EB6100;
    left: 50%;
    transform: translateX(-50%);
}

.head_list_item>a {
    white-space: nowrap;
}

.head_list_item>a:hover {
    color: #EB6100;
}

.head_right {
    display: flex;
}

.head_list_menu {
    position: absolute;
    padding: 5px 30px;
    background: #181C39;
    top: 100%;
    z-index: 100;
    display: none;
    left: 50%;
    transform: translateX(-50%);
}

.head_list_menu p {
    padding: 10px;
    border-bottom: 1px solid #3C4059;
}

.head_list_menu p:last-child {
    border: none;
}

.head_list_menu a {
    color: #999999;
    font-size: 14px;
    white-space: nowrap;
}

.head_list_menu a:hover {
    color: #EB6100;
}

.head_search {
    height: 40px;
    background-color: #ffffff;
    border-radius: 20px;
    border: solid 1px #e5e5e5;
    display: flex;
    align-items: center;
    position: relative;
}

.head_search_box {
    display: none;
    position: absolute;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    width: 414px;
    background-color: #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(8, 11, 33, 0.25);
    border-radius: 0px 0px 10px 10px;
    padding: 38px 18px 46px 25px;
    box-sizing: border-box;
    z-index: 100;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.head_shopping_box {
    display:none;
    position: absolute;
    top: 71px;
    left: 85%;
    transform: translateX(-50%);
    width: 350px;
    background-color: #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(8, 11, 33, 0.25);
    border-radius: 0px 0px 10px 10px;
    
    box-sizing: border-box;
    z-index: 100;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.head_shopping{
    /*font-weight:560;*/
    font-size: 16px;
    color: #333333;
}
.shopping_box_head{
    display: flex;
    border-bottom: 2px solid #EAEAEA;
    line-height:70px 
}
.shopping_box_head2{
    display: flex;
    border-bottom: 2px solid #EB6100;
    line-height:70px 
}
.shopping_img1{
    margin-left:5px;
    width: 24px;
    height: 65px;
    background: url(https://aochitai.oss-cn-shenzhen.aliyuncs.com/aochi/assets/images/%E5%A4%A9%E7%8C%AB%E8%B4%AD%E7%89%A9%E8%BD%A6.png) no-repeat center / 25px 25px;
    position: relative;
}
.shopping_img1 span{
    position: absolute;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #ffffff;
    background-color: #EB6100;
    border-radius: 50%;
    top: 15px;
    right: -10px;
    transform: scale(0.7);
}
.shopping_box_head>span>sapn{
    top: 15px !important;
}
.shopping_img3{
    margin-left:5px;
    width: 20px;
    height: 70px;
    background: url(https://aochitai.oss-cn-shenzhen.aliyuncs.com/aochi/assets/images/Shopping%20Cart_down.png) no-repeat center / 20px 20px;
    position: relative;
}
.shopping_img4{
    width: 20px;
    height: 150px !important;
    background: url(https://aochitai.oss-cn-shenzhen.aliyuncs.com/aochi/assets/images/%E6%9A%82%E6%97%A0%E5%86%85%E5%AE%B9.png) no-repeat center / 250px 150px;
    position: relative;
    
}
.head_shopping_box>h4{
    font-size: 15px;
    font-weight:560;
    padding:15px 25px 8px;
}
.head_shopping_box>div:first-child{
    font-size:13px;
    font-weight:500;
    font-family:SourceHanSansCN-Normal;
    margin: 10px 10px 10px;
    padding-right:15px;
    
}
.head_shopping_box>div>div{
    width:100%;
    height:80px;
    display:flex;
    border-top: 1px dashed #e7e9ef;
}
.shopping_goods2{
    margin:10px 20px 10px 5px;
    width:60%;
    font-size: 12px;
}
.shopping_goods1{
    /*height:70px;*/
    /*background-color:red;*/
    width:40%;
    margin:10px 10px 10px 25px;
}
.shopping_goods2>div:first-child{
    height:34px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;text-overflow: ellipsis;
}
.shopping_goods2>div:last-child{
    margin-top:5px;
    display:flex;
    justify-content:space-between;
    color:#676767
}
.shopping_last{
    border-top: 1px solid #e7e9ef;background-color:#E8E8E8;padding:0px 25px;height:45px;font-size: 14px !important;
}
.shopping_last>div{
    margin-top:10px;display:flex;justify-content:space-between;font-weight:500;
}
.shopping_last a{
    background-color: #EB6100;
    color: #ffffff;
    padding:3px 8px;
}
.head_shopping_new{
    padding:0px 10px;
    height:15px
}
.smg_new{
    margin-left:5px;
    height:23px;
    position: relative;
}
.smg_new span{
    position: absolute;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #ffffff;
    background-color: #EB6100;
    border-radius: 50%;
    top: -8px;
    right: -18px;
    transform: scale(0.7);
}

.head_search_box>h4 {
    font-size: 23px;
    color: #333333;
    text-align: center;
    padding-bottom: 20px;
}

.new_search {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    padding-bottom: 16px;
    border-bottom: 1px solid #e7e9ef;
}

.new_search::after {
    content: '';
    width: 243px;
    height: 0;
}

.new_search .item {
    min-width: 116px;
    height: 37px;
    border: solid 1px #e7e9ef;
    line-height: 37px;
    text-align: center;
    color: #999999;
    margin-bottom: 12px;
    box-sizing: border-box;
    margin-right: 7px;
    padding: 0 10px;
    box-sizing: border-box;
}

.new_search .item:hover {
    color: #ffffff;
    background: #EB6100;
    border-color: #EB6100;
}

.history_search {
    display: flex;
    flex-wrap: wrap;
    padding-top: 22px;
}

.history_search a {
    font-size: 14px;
    color: #999999;
    margin-right: 40px;
    margin-bottom: 16px;
}

.history_search a:hover {
    color: #EB6100;
}

.head_search_box .empty {
    padding-top: 30px;
    text-align: center;
}

.empty_icon {
    color: #181c39;
    font-size: 14px;
    padding-left: 20px;
    background: url(../images/empty_icon.png) no-repeat center left / 14px 16px;
}

.head_search input[type='text'] {
    width: 243px;
    height: 100%;
    border: none;
    padding-left: 41px;
    box-sizing: border-box;
    outline: none;
    background: url(../images/head_search.png) no-repeat center left 15px / 17px;
}

.head_search .btn {
    width: 67px;
    height: 100%;
    background-color: #333333;
    border-radius: 0 20px 20px 0;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head_user {
    padding: 0 0 0 120px;
}

.head_sign {
    display: flex;
    font-size: 16px;
    align-items: center;
    height: 100%;
    /*font-family: 'SourceHanSansCN-Normal', 'MicrosoftYaHei';*/
}

.head_sign_btn {
    display: flex;
    align-items: center;
}

.head_sign .sign_in, .head_sign .register {
    width: 70px;
    height: 37px;
    line-height: 37px;
    text-align: center;
}

.head_sign .sign_in {
    background-color: #f3f5fa;
    color: #666666;
}

.head_user .name {
    width: 140px;
    font-size: 16px;
    color: #333333;
    text-align: right;
}

.head_sign .register {
    background-color: #EB6100;
    color: #ffffff;
}

.head_sign .msg {
    margin-left: 18px;
    width: 20px;
    height: 20px;
    background: url(../images/head_msg.png) no-repeat center / 16px 17px;
    position: relative;
}

.head_sign .msg span {
    position: absolute;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #ffffff;
    background-color: #EB6100;
    border-radius: 50%;
    top: -8px;
    right: -8px;
    transform: scale(0.7);
}

.foot {
    min-width: 1500px;
}

.foot a:hover {
    color: #EB6100!important;
}

.foot_content {
    background: #262626;
    padding-top: 57px;
    padding-bottom: 60px;
}

.wrap {
    /* width: 100%; */
    max-width: 1400px;
    min-width: 1400px;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
}

.foot_box {
    display: flex;
    justify-content: space-between;
}

.foot_list {
    display: flex;
}

.foot_list .item {
    width: 170px;
}

.foot_list .item .title {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 38px;
}

.foot_list .item .title a {
    color: #ffffff;
}

.foot_list .item p {
    font-size: 16px;
    color: #909090;
    margin-bottom: 20px;
}

.foot_list .item p a {
    color: #909090;
}

.foot_qr {
    width: 115px;
}

.foot_qr img {
    width: 100%;
    box-sizing: border-box;
    border: 5px solid #373737;
}

.foot_qr p {
    font-size: 18px;
    color: #ffffff;
    padding-top: 10px;
    text-align: center;
}

.foot_bot {
    background-color: #222222;
}

.foot_bot1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.foot_icon {
    display: flex;
    align-items: center;
    padding: 38px 0;
}

.foot_icon .icon img {
    width: 160px;
}

.foot_icon .xian {
    margin: 0 60px;
    width: 1px;
    height: 28px;
    background-color: #333333;
}

.foot_dz {
    font-size: 12px;
    color: #909090;
}

.foot_dz p {
    line-height: 30px;
}

.foot_bot2 {
    font-size: 12px;
    color: #909090;
    padding: 20px 0;
    border-top: 1px solid #333333;
}

.foot_bot2 p {
    display: inline-block;
}

.foot_bot2 .ba {
    margin-right: 30px;
}

.foot_bot2 .yq {
    float: right;
}

.foot_bot2 .yq a {
    margin-right: 20px;
}

.foot_bot2 .yq a:last-child {
    margin: 0;
}

.login_box {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    height: 850px;
    position: relative;
    z-index: 11;
}

.login_form {
    width: 466px;
    background-color: #ffffff;
    position: absolute;
    top: 70px;
    right: 2.61rem;
    padding: 49px 60px;
    box-sizing: border-box;
}

.login_close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 17px;
    right: 17px;
    background: url(../images/close.png) no-repeat center / 13px;
}

.login_type {
    display: flex;
    align-items: end;
}

.login_type a {
    font-size: 18px;
    color: #666666;
    margin-right: 45px;
}

.login_type .active {
    color: #EB6100;
}

.login_type a span {
    display: block;
    margin-bottom: 24px;
}

.login_type a::after {
    content: '';
    display: block;
    width: 35px;
    height: 4px;
    border-radius: 2px;
    margin: 0 auto;
}

.login_type .active::after {
    background-color: #EB6100;
    box-shadow: 0px 3px 6px 0px rgba(227, 175, 201, 0.8);
}

.login_input {
    height: 62px;
    border-bottom: 1px solid #dddddd;
    display: flex;
    align-items: center;
}

.login_input .input_box {
    flex: 1;
    padding-top: 35px;
    box-sizing: border-box;
}

.login_input .input_box input {
    font-size: 14px;
    border: none;
}

.phone_region {
    width: 70px;
    box-sizing: border-box;
    margin-top: 35px;
    margin-right: 26px;
    padding-right: 20px;
    border-right: solid 1px #ebebeb;
    position: relative;
}

.select_ipt {
    position: relative;
}

.select_input {
    border: none;
    font-size: 14px;
    color: #999999;
    width: 100%;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAARUlEQVQImWXJsQ1AUBRA0ePtJ2qt4nV6sYARTGABlQ3EQgqJ0PyKW95TZeaEwb85MGL5wIo+8KDDXuBAizvKuNBgQ40TXqo+DJntN5ahAAAAAElFTkSuQmCC) no-repeat center right / 7px;
}

.selopt_box {
    position: absolute;
    left: 0;
    width: 197px;
    top: 25px;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px 0px rgba(204, 202, 203, 0.8);
    overflow: auto;
    max-height: 152px;
    z-index: 500;
    transition: all .2s;
    display: none;
    animation-duration: .3s;
    animation-fill-mode: both;
}

.select_ipt.active .selopt_box {
    display: block;   
    animation-name: layui-upbit;
}

.selopt_box .item {
    color: #999999;
    font-size: 13px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    cursor: pointer;
}

.selopt_box .item.this, .selopt_box .item:hover {
    background-color: #f3f5fa;
    color: #666666;
}

@keyframes layui-upbit {
    from {
        transform: translate3d(0, 30px, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.yzm {
    display: block;
    width: 90px;
    height: 32px;
    background-color: #EB6100;
    text-align: center;
    line-height: 32px;
    font-size: 13px;
    color: #ffffff;
}

.login_oper {
    padding-top: 19px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #999999;
}

.login_oper a {
    color: #EB6100;
}

.login_oper .wjmm a {
    color: #999999;
}

.login_sub {
    padding-top: 43px;
}

.m_btn1 {
    background-color: #EB6100;
    height: 44px;
    display: block;
    width: 100%;
    border: none;
    line-height: 44px;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
}

.login_third {
    display: flex;
    font-size: 16px;
    color: #333333;
    align-items: center;
}

.login_third span {
    margin: 0 17px;
}

.login_third::before, .login_third::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #e5e5e5;
}

.wx_login {
    text-align: center;
    padding-top: 32px;
}

.wx_login .wx_dl {
    display: inline-block;
    width: 34px;
    margin: 29px 0 10px;
}

.wx_login img {
    width: 100%;
}

.wx_login .name {
    color: #666666;
    margin-bottom: 19px;
}

.wx_login p {
    font-size: 14px;
    color: #999999;
}

.wx_login a {
    color: #EB6100;
}

.zc_bt {
    position: relative;
}

.zc_bt::before {
    content: '*';
    position: absolute;
    height: 10px;
    left: -19px;
    bottom: 7px;
    color: #EB6100;
    font-size: 18px;
}

.login_agree {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding-top: 20px;
}

.login_agree p {
    margin-left: 9px;
    color: #999999;
}

.login_agree a {
    color: #EB6100;
}

.m_check {
    display: inline-flex;
}

.m_check input {
    display: none;
}

.m_check span {
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check_event:checked+span {
    border-color: #EB6100;
}

.check_event:checked+span::before {
    content: '';
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.check_event:checked+span::before, .order_coupon_list .check .icon {
    background-image: url(https://www.denall.cn/themes/aochi_wap/public/assets/images/a72.png);
    background-size: 25px 25px !important;
}

.login_tips {
    padding-top: 24px;
    color: #999999;
    font-size: 14px;
}

.treaty_page {
    padding: 30px 0 80px;
}

.treaty_box {
    padding: 29px 34px 50px;
    background-color: #ffffff;
    border: solid 1px #e7e9ef;
    position: relative;
}

.m_title {
    font-size: 18px;
    color: #EB6100;
    display: inline-block;
}

.m_title::after {
    content: '';
    display: block;
    width: 35px;
    height: 4px;
    border-radius: 2px;
    margin: 20px auto 0;
    background-color: #EB6100;
    box-shadow: 0px 3px 6px 0px rgba(227, 175, 201, 0.8);
}

.treaty_content {
    height: 423px;
    overflow-y: scroll;
    font-size: 14px;
    color: #666666;
    margin-top: 35px;
    padding-right: 37px;
    margin-bottom: 38px;
}

.scroll_mh::-webkit-scrollbar {
    width: 3px;
    height: 8px;
}

/*滚动条里面小方块样式*/

.scroll_mh::-webkit-scrollbar-thumb {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #EB6100;
}

/*滚动条里面轨道样式*/

.scroll_mh::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.treaty_btn {
    display: flex;
    justify-content: center;
}

.m_btn {
    display: inline-block;
    height: 45px;
    width: 140px;
    line-height: 45px;
    text-align: center;
    margin: 0 28px;
    background-color: #f3f5fa;
    font-size: 14px;
    color: #999999;
}

.m_btn.yes {
    background-color: #EB6100;
    color: #ffffff;
}

.m_crumbs {
    display: flex;
    align-items: center;
    padding-left: 31px;
    margin: 25px 0 25px;
    color: #666666;
    font-size: 14px;
    background: url(../images/mbx_icon.png) no-repeat center left / 16px;
}

.m_crumbs a:last-child {
    color: #333333;
}

.m_crumbs span {
    margin: 0 10px;
}

.m_crumbs a:hover {
    color: #EB6100;
}

.text_content {
    padding: 35px 35px 50px 35px;
    border: solid 1px #e7e9ef;
}

.text_title {
    display: flex;
    justify-content: space-between;
}

.text_title h3 {
    font-size: 30px;
    color: #333333;
    font-weight: normal;
    padding-right: 20px;
    line-height: 30px;
}

.fx_icon {
    display: flex;
}

.fx_icon a {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    border: solid 1px #e7e9ef;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    box-sizing: border-box;
}

.fx_icon .fx_wx {
    margin-right: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAABXElEQVQokY3TP0iWURTH8U8pLiKFIYhIEBlGoAQJGog1hFNDOunqatAYDkJuQqO7oy3iEriIkIgR0lDwmg5BIYp/cHCyiEq5eh54fG9K3+V5znPO/d3fee65V5pbHyoxhGfoQAMO8BkzWHAJhVAj5vDo4tLT/DB+ZRlcRQ0+hMgelvA78um5jB0MYiVTKAmN407Er/AYmxFvow8TEXfhRaYSra3jbsTfsIZ+1OEYH0NwF3/TGkxhvdrRjVJ8C09DRCz6g+9Rl9yN4Au+4mWxsBZbaMq8nvE2HE1kGW5jEj0YSI5eZyVn7If9QiQ5fR7v83iAoxiXsST0BtOZDJ/QXoo7S4fSGD++YLQ8kDMxJwUVHKI32yLnZ218Ss7qsYpZ3IupbvkPkcT7wtF13Me7qoI0FueO+QI6kpNEaqFaJLGBJ5H/F2k0UuuVorXLWERbnFg3rsWV+YGbp9cGJ3k7RMpQ1jVsAAAAAElFTkSuQmCC);
}

.fx_icon .fx_wx:hover {
    background-color: #EB6100;
    box-shadow: 0px 5px 15px 0px rgba(227, 175, 201, 0.8);
    border: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAABTElEQVQokY3SsUtXcRQF8I8lNkQUSktCW2RSDiE4NBQELS2N9RcUGDi7hKtzo9CoiyEITi5REFERSYQQSC2VRdAkDoknnn5/+PK9Hh64773z7uVw7uH2JVHDXdzBFZzCL6xhHqu6UAklGUzyLN14mmSgzDeqehxP8qlIbBbBP4VX7+dJvhX+pk2kJzRT8/GgNDYK/1L4/drMVJtQldE6Rsr2n/ERtzBQbY63+IpN7KIPj7FeT6wS+omzHTG+KjWMS7iAE9jAHGb3ppK864h4Ocmjxt9/sdTL6F6jtY8fSWZr/HaSyfK9kuRqkq3Cp49hAU8aC/EeF2t8rKxVYRDjtd5kPfn5Q44+JHnR8NmO7f6iWDk7iddYxGi56nOd13yAlz03Z5LcaLmPkSM6utx6pYfqZpLf/xHYSXKtd5BHsT6Eh5jAaXzHNs7jOvwFVjoumDVcHjEAAAAASUVORK5CYII=);
}

.fx_icon .fx_wb {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAABoklEQVQ4jZXTy4vOcRQG8M87w+T65hazIBQldztkQ8llpUlKyY7YKBspm1lYTLGzUZoSf4BIkVhIxMZl5BJiYSWyIEWT6IznrV/zSnk238s55/k+53zPafXP3+A/0ItnmIWpmIJLGJjwD47FWIN3eJK7n1iGufgW+13c6ukKZzaG8TavPcbWhn0RPuArPmIttoxXtCnBc8bdT89aKfXF7zBe5W64qWgz7vyFpLAb9/AeD9DGvth24FHvtPaCOiysQ1c43/ErtSjHiZiEflzA5KoPhjqKrjWCb2I7WnHsC9EJfIrPKJbgOEYwWN9fEi/GYX9jX5LnxfFh7mbiNlblfArHalNEIzEcxLmk+SJqOjib4oqS1w3b+qpbT0hGQ1K4GpLnDedDWJf9G3xu2KqnFNGPrB2sxDasGEfWagS2G59RNVW/Vl86kJeeNmq1HLtyPp/0CtVnS7PfmxqOEVX7V+8MJcWT6dqduIGjOJPUrmNjSI7kgT9yG0NbKgbxBZczS4Uazj2ZsUL1z+mG+i6iTtABrM6k13TPiML7uIKXzYAx4DfIs1TXfaHz6wAAAABJRU5ErkJggg==);
}

.fx_icon .fx_wb:hover {
    background-color: #EB6100;
    box-shadow: 0px 5px 15px 0px rgba(227, 175, 201, 0.8);
    border: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAABfUlEQVQ4jZWTsUuWURTGf6EIFkJmuFag0PRJLQ22NFQ0NCUNlubyDSH9Ay41iriJOEnQ0FjUUlRES9GYWSEt7UYEhikm/eLiuXB67Rs6cN/3vc/znOfec+97UP9ndKlr6rq66V48KPkHyqNDnABGgC/ASkMyCGwG/xp4+a/dDKjL/h3nE388mN/qsDpSJt2Nlc4CD4GjDbwv3keAntDdBD4Htpx3cs7OcV99E+fyXb0UOSXG1elqcqyDxZa6sw/VF5E3q7bUD9XoUxI9Vy82zq2IZ9SvoXmiDiV+rDyuJ5OJRJbtT6mnE9avvk/6ucqRiHYq82ejlKVkNtTgzlQj4xyqcDWwj42EU0nzLeGXq9G2uptEJS7EdzarJQ6qv9Jl9FajGwFeC+Ft9VXUX+NuWuhZwsfyGZWxEES5mTK/oj5VF9XRwEpp75LJrXyzudcmgTvABvAoeqnEIeAqcDLm94B5YDX/+s2mLUltoAV0AQeBw8AP4C3wGFjb1+PAH9RyzSWfxGC1AAAAAElFTkSuQmCC);
}

.fx_icon .fx_qq {
    margin-right: 10px;
    background-size: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAYAAADpwXTaAAABb0lEQVQ4ja3Vu0tcQRTH8Y8PJGIwaCQKRkyRIgoBi0AQDCIYsBAEH5WQJpIUKSzsLGxs0goS0vkHJBAFyy0EixD/AguLIIJgiI2Nj0IZmA3Xnb3Ldc2vupzHd865M3OmoefpsBy9wSLG0Ik/KGENv6qlND1s76u0NWIdXzCI1mhvw0ssRFupCGwVS8mytzWCM/zMWivbfI79sEiSnuoc/TjJtpTVQkFQ0AO8yxoqYW+TlNoarwUbrJmaaiAP1h1Lv4uexF1OYMt3BImL/9v5LOxVElpMr6vBWuqEJW1+vEdlo5gXD20XDvAoCSuuv3jWGC/zfUBBj/EpwGYTV32aC7AX/wk2FGAXcT5tJ+5i2sJe4DRjBd/jaZ6sA/Y5Ds6ZyhG0iakkPF8/MF32Zg9t2IiJ3LTqCvEzZU+2siP01tHmYRyStypryAm+xFdc5fivyx/ZN2AnnGJ0xGnwG9/wHhvx/4T7G16qdpxiFx9wDDdtQTCSyVWxegAAAABJRU5ErkJggg==);
}

.fx_icon .fx_qq:hover {
    background-color: #EB6100;
    box-shadow: 0px 5px 15px 0px rgba(227, 175, 201, 0.8);
    border: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAYAAADpwXTaAAABUUlEQVQ4ja2UvytFYRiAH5SUwUAMBgaDwSQlg42/gE2ZlMGgKIPZ4B9QZDdJlMF/IMpsESWTH6vfevRyr3s451znXp46nc553/f5vrfzng817xpVt9U7P7lWt9ThnHxSL9RGdc3qrGbUZcpWqmoqLPwm61NfU2XZPKidyfpGvjMDNFGMFmA6mflTNl5QVGYs+dDw0WuFh9KKRbkEerJ21lWjKOgEWrNky6nU34nFF7NkQ3XIguEsWXMqrRhfbZZnZDZzkoozFZ74mh3AGdBW586CO6A32pz/oyhoB+ZiZ6dAfypcOych8x9EwVu0+QQcAfupcDH2gOPwxM6WgO3SNB/WIRsBboCJn0fQbo0jsZN3nk2qj6n06tyrE2VH8tS4ArrraPPr5Ej+Tg05yc/AOvCSE69MQ6LNQfVAvVXf1HN1Qx0oxeO+qV6U4pEX+VGHyjt3gkZleazszgAAAABJRU5ErkJggg==);
}

.text_date {
    font-size: 12px;
    color: #999999;
    line-height: 15px;
    height: 14px;
    padding-left: 20px;
    margin-top: 14px;
    margin-bottom: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAABR0lEQVQokYXSP0uWYRQG8N9r8SYRhJC01PQuUVtDX8GPEK4Kh0QQos1qCWosaIn7HvwA4aLkUJODq5MkBf2xwUEoMTAc1N44civPEHjB/TznOYfrus918fSGw6FErfUivmM6Ij5oqLUOsIqJiNjMbq+U8hJTmMcjrGASI41XcB9v8BjvU/0hFrCE5/jc3hca6QtmsIyreKKUcpwr5imlPDitu6fbL6Uc5Hp/sY9D/MRY55ZEzndxDbnZlXz08BbfsIFR3MBH3GqEFLuLccyONKX5iHjR1P5ExCvciYjXzdMg5xGR/o/OIm+xZwg7LcnFjL8ley8ibtZar2MrPT3N9CJiu+Pjv6i13sZ6enqGNWyfdxN+JTlJ6WmvSWcgOcg/I+tPeIcfbX7iJUkZRj8/IiJXPcVcK752epn0pfS01Ui/z/OEy+j/A1eHiGxOAE5aAAAAAElFTkSuQmCC) no-repeat center left / 13px;
}

.text_content .txt {
    padding-top: 28px;
    border-top: 1px solid #eeeeee;
}

.text_content .txt {
    font-size: 16px;
    color: #666666;
}

.text_page {
    padding-bottom: 70px;
}

.text_btn {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}

.m_btn2 {
    font-size: 14px;
    color: #181c39;
    width: 140px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 2px #181c39;
    box-sizing: border-box;
}

.m_btn2:hover {
    background-color: #EB6100;
    color: #ffffff;
    border: none;
}

.zgqs_box {
    background-image: linear-gradient(#f7faff, #f7faff), linear-gradient(#ffffff, #ffffff);
    border: solid 1px #e7e9ef;
    border-top: none;
    padding: 41px 35px 45px;
}

.zgqs_box h4 {
    font-size: 26px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 25px;
}

.zgqs_box p {
    line-height: 32px;
    color: #666666;
    font-size: 16px;
}

.zgqs_box .down {
    width: 140px;
    height: 45px;
    background-color: #181c39;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 34px;
}

.zgqs_box .down span {
    width: 14px;
    height: 14px;
    background: url(../images/yun_icon.png) center / 100%;
    margin-left: 12px;
}

.m_title2 {
    /* padding-top: 19px; */
    position: relative;
    margin-bottom: 20px;
}

.m_title2::before {
    content: '';
    position: absolute;
    top: -19px;
    left: -12px;
    width: 45px;
    height: 45px;
    background-color: #EB6100;
    opacity: 0.1;
    border-radius: 50%;
}

.m_title2 span {
    font-size: 40px;
    line-height: 40px;
    color: #333333;
}

.blfx_content {
    padding: 30px 0 70px;
}

.blfx_content .m_title2 span {
    font-size: 36px;
}

.screen_list {
    min-height: 50px;
    display: flex;
    align-items: baseline;
}

.screen_list .m_radio {
    margin-left: auto;
}

.screen_list>span {
    font-size: 16px;
    color: #333333;
    width: 99px;
}

.screen_item {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.screen_item a {
    min-width: 80px;
    height: 30px;
    box-sizing: border-box;
    padding: 0 25px;
    border-radius: 16px;
    border: solid 1px #e7e9ef;
    text-align: center;
    line-height: 30px;
    color: #999999;
    font-size: 14px;
    margin: 5px 20px 15px 0;
}

.screen_item .active, .screen_item a:hover {
    border-color: transparent;
    background-color: #EB6100;
    box-shadow: 0px 5px 15px 0px rgba(227, 175, 201, 0.8);
    color: #ffffff;
}

.list_switch {
    font-size: 14px;
    color: #999999;
    padding-right: 14px;
    position: relative;
    margin-right: 40px;
}

.list_switch::before, .list_switch::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 4px;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.list_switch::before {
    top: calc(50% - 4px);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAMUlEQVQImWNctWoVAxJoYGBg+MfAwNAEE2NBk6xH4oMVMeGQbITxQSagSyJMZGBgAADcngkJq4gMqAAAAABJRU5ErkJggg==);
}

.list_switch::after {
    top: calc(50% + 2px);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAANUlEQVQImWNctWpVAwMDQz0DdtDABCIYGBgasciDxVmQOCAAMwlEN4EYMAXIiv7BJBkYGBgA0n4Ji0jNLrMAAAAASUVORK5CYII=);
}

.list_switch.up, .list_switch.down {
    color: #333333;
}

.list_switch.up::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAMUlEQVQImWP8YDSRAQk0MDAw/GNgYGiCibGgSdYj8cGKmHBINsL4IBPQJREmMjAwAAC25wi+rMk2ewAAAABJRU5ErkJggg==);
}

.list_switch.down::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAANUlEQVQImWP8YDSxgYGBoZ4BO2hgAhEMDAyNWOTB4ixIHBCAmQSim0AMmAJkRf9gkgwMDAwArMcJQKpUIfcAAAAASUVORK5CYII=);
}

.bl_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
}

.bl_item {
    width: 23.3%;
    margin-bottom: 30px;
    transition: all .5s;
}

.bl_item:hover {
    box-shadow: 0px 10px 35px 0px #e2e9ef;
}

.bl_item .img {
    width: 100%;
    padding-bottom: 56%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px 7px 0px 0px;
}

.bl_item .txt {
    border: solid 1px #e7e9ef;
    padding: 5px 18px 22px;
}

.bl_item .txt h4 {
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    height: 55px;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    box-sizing: border-box;
}

.bl_item .txt h4 span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.bl_item .txt p {
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bl_item_zw {
    width: 23.3%;
    height: 0;
}

.page_num_box {
    display: flex;
    justify-content: center;
}

.page_num_box a {
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 1px #e7e9ef;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    margin: 0 10px;
}

.page_num_box a:hover {
    background-color: #EB6100;
    box-shadow: 0px 5px 15px 0px rgba(227, 175, 201, 0.8);
    color: #ffffff;
    border-color: transparent;
}

.page_num_box .active {
    background-color: #EB6100;
    box-shadow: 0px 5px 15px 0px rgba(227, 175, 201, 0.8);
    color: #ffffff;
    border-color: transparent;
}

.page_num {
    display: flex;
}

.page_num_box .prev {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAt0lEQVQokXXRTUoDQRDF8d/4dSVd5wqSEHDtQDCbQBaKElchSFDQIF5AIoJ4g1zMRAwlPdB0Jm/TFPUv+r2q6mYyt0eXOEN91N43wCuqKA522gwz4BerEhrhJQMusMyhMZ4SsEYfn/l312gS/CTgq5kO6BazDOjhO/cQ0Enh6z9RCd3jLtUxED7OSyg0Tb4a8APdEgo9pISh4wRGAOXGH5P5ZxziPd62jS9whb8Edvbd7g0bnKLeAjAEH5yeUPPJAAAAAElFTkSuQmCC);
}

.page_num_box .next {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuklEQVQokXXRS0pDQRBA0RNj3Ff2IH4GQhCcRNCBoIjgMGAiKBhCAgEHIiLiDlyAaxI1oaAfFM3LnVX37er6dK5vJ10s8I2lFrbLxQDHJZ7X2ha+8IcOZjhtk15xlMQnnNdS8IZD/BbxERe1FHzgAD8lvselUmjmE/t4xw7uwsmZGuK7TK/OtFsaiSzBDUZZ2itCc3aFca4pOntBTH9VOntoXocUM3pOwhmmuYaQ+kkYtq0lpBP8b1ww1oJKIrYimznsAAAAAElFTkSuQmCC);
}

.page_num_box .prev:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAjklEQVQokYWRSwrCQBBEy0S8nqARRddZBHQRIih4DnfmoIr4pI2DTTPBgprF9KO/AsZcAz1QTpVXI+kqafKJZrLsgReDnsA2Am0A1vbvgSM/PYAqxRJwdsAdWPgK9lwCMI99FpJmYb5hIq8vHbMtY7nkU2h8lYPMnQNtBZscZD6EXe3G7tY4sP934BtQvAFLZ2q09icYvwAAAABJRU5ErkJggg==);
}

.page_num_box .next:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAfklEQVQokY2RwQqCUBBFX0r/F6SBSLsWgYJI0KJvkfpOUToytfBxHcULdxbDYWa4E4AU6IAbEDxb+fDXF7ivQSUwRmDlQeZCwMaDzDkwMOvhQeYz0Efg04PMJwFfSVjqIK2jTsl0iq67yOG/e7YiaDWCqwC1F+Z7z1u2HwxhAkIgh5fKNilMAAAAAElFTkSuQmCC);
}

.vip_item1 {
    padding-top: 44px;
    background: #ffffff;
    padding-bottom: 75px;
}

.vip_item1>p {
    font-size: 21px;
    color: #666666;
    text-align: center;
}

.vip_item1>h3 {
    /* padding-top: 20px; */
    font-size: 45px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    margin-bottom: 45px;
}

.vip_item1>h3 span {
    color: #EB6100;
}

.vip_item1_box {
    display: flex;
    justify-content: space-between;
    /* overflow: hidden; */
}

.vip_item1_box .l {
    width: 47.7%;
}

.vip_hover1 {
    transition: all .3s;
}

.vip_hover1:hover {
    box-shadow: 0px 0px 5px #ccc;
    transform: scale(1.05);
}

.vip_item1_box .r {
    width: 50.8%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vip_item1_box .img1 {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-bottom: 91.3%;
}

/* .vip_item1_box a{
    transition: all .3s!important;
}

.vip_item1_box a:hover{
    box-shadow: 0px 0px 5px #ccc;
    transform: translateY(-5px)!important;
} */

.vip_item1_box .img2 {
    display: block;
    padding-bottom: 84.9%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.vip_item1_box .img3 {
    display: block;
    padding-bottom: 84.9%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.vip_item1_box .img4 {
    display: block;
    width: 100%;
    padding-bottom: 41.7%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.vip_item1_box .t {
    display: flex;
    justify-content: space-between;
}

.vip_item1_box .t .vip_hover1 {
    width: 48.6%;
}

.vip_item2 {
    background-color: #f3f5fa;
    padding: 45px 0 73px;
}

.vip_item2>h3 {
    font-size: 40px;
    color: #333333;
    font-weight: normal;
    padding-bottom: 30px;
    text-align: center;
}

.vip_item2>h3>span {
    color: #EB6100;
}

.vip_item2_box video {
    width: 100%;
    border-radius: 10px;
    outline: none;
}

.vip_item3 {
    /* padding: 184px 0 163px; */
    padding: 119px 0 136px;
}

.vip_item3>p {
    padding: 19px 0 138px;
    font-size: 24px;
    color: #999999;
    text-align: center;
}

.vip_title {
    font-size: 40px;
    height: 52px;
    color: #333333;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.vip_title .gd {
    position: absolute;
    right: 0;
    width: 140px;
    height: 45px;
    background-color: #f3f5fa;
    font-size: 14px;
    color: #999999;
    text-align: center;
    line-height: 45px;
}

.vip_title .l {
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
}

.vip_title .l::before {
    content: '';
    width: 18px;
    height: 18px;
    background-image: linear-gradient(90deg, #ff9dce 0%, #EB6100 100%), linear-gradient( #EB6100, #EB6100);
    border-radius: 2px;
    opacity: 0.2;
    transform: rotate(45deg);
}

.vip_title .l::after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: linear-gradient(90deg, #ff9dce 0%, #EB6100 100%), linear-gradient( #EB6100, #EB6100);
    border-radius: 2px;
    transform: rotate(45deg);
    margin-left: -4px;
}

.vip_title .r {
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.vip_title .r::before {
    content: '';
    width: 18px;
    height: 18px;
    background-image: linear-gradient(90deg, #ff9dce 0%, #EB6100 100%), linear-gradient( #EB6100, #EB6100);
    border-radius: 2px;
    opacity: 0.2;
    transform: rotate(45deg);
}

.vip_title .r::after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: linear-gradient(90deg, #ff9dce 0%, #EB6100 100%), linear-gradient( #EB6100, #EB6100);
    border-radius: 2px;
    transform: rotate(45deg);
    margin-right: -4px;
}

.vip_item3_box {
    display: flex;
    justify-content: space-between;
}

.vip_item3_box .item {
    width: 23.3%;
    border: solid 1px #e9ebf1;
    margin-top: 92px;
    cursor: pointer;
}

.vip_item3_box .item:hover {
    box-shadow: 0px 0px 5px #ccc;
}

.vip_item3_box .txt h4 {
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    padding: 27px 0 20px;
    text-align: center;
}

.vip_item3_box .txt p {
    font-size: 14px;
    line-height: 26px;
    color: #999999;
    padding: 0 20px 20px;
    text-align: center;
}

.big_diamond {
    width: 142px;
    height: 164px;
    background: url(../images/diamond.png) no-repeat center / 100% 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -92px auto 0;
}

.big_diamond>div {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.big_diamond>.icon1 {
    width: 47px;
    height: 36px;
    background-image: url(../images/vip_item3_icon1.png);
}

.big_diamond>.icon2 {
    width: 40px;
    height: 37px;
    background-image: url(../images/vip_item3_icon2.png);
}

.big_diamond>.icon3 {
    width: 37px;
    height: 40px;
    background-image: url(../images/vip_item3_icon3.png);
}

.big_diamond>.icon4 {
    width: 44px;
    height: 36px;
    background-image: url(../images/vip_item3_icon4.png);
}

.vip_item4 {
    height: 760px;
    box-sizing: border-box;
    padding-top: 80px;
    background: url(../images/vip_item4_bg.png) no-repeat center / cover;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vip_item4_img {
    position: absolute;
    top: 246px;
    width: 1187px;
}

.vip_item4_img img {
    width: 100%;
}

.vip_item4_btn {
    display: flex;
    justify-content: center;
    padding-top: 38px;
}

.vip_item4_btn a {
    width: 140px;
    height: 45px;
    margin: 0 10px;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
}

.vip_item4_btn .hy {
    background-color: #EB6100;
    color: #ffffff;
}

.vip_item4_btn .sk {
    background-color: #ffffff;
    color: #333333;
}

.m_color {
    color: #EB6100!important;
}

.vip_item5 {
    padding: 45px 0 35px;
    background-color: #f3f5fa;
}

.vip-swiper {
    padding: 0 155px 0;
    margin: 80px;
    position: relative;
    overflow: hidden;
}

.swiper-slide.big_vip .vip_slide_title {
    background-color: #EB6100;
}

.vip_slide_title {
    color: #ffffff;
    display: flex;
    justify-content: center;
    background-color: #181c39;
    border-radius: 7px 7px 0px 0px;
}

.vip_slide_title .title {
    display: flex;
    min-width: 213px;
    height: 84px;
    align-items: center;
    font-size: 24px;
    font-weight: normal;
    justify-content: space-between;
}

.vip_slide_title .l {
    display: flex;
    align-items: center;
    width: 30px;
}

.vip_slide_title .r {
    display: flex;
    align-items: center;
    width: 30px;
    flex-direction: row-reverse;
}

.vip_slide_title .l::before {
    content: '';
    width: 5px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAV0lEQVQImV3MsQmEUBBF0fPF1EaMTLcIwVAsZRuwhl+AGws2YWYvFqAibDA64RnuSzln4WpMRYAWK5obE76YUd3fEj/0cSPmDxz++RHxxIgO+ztf8MF2AQKyDHwofpyBAAAAAElFTkSuQmCC) no-repeat center / 100% 100%;
    margin-right: 5px;
}

.vip_slide_title .l::after {
    content: '';
    width: 5px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAV0lEQVQImV3MsQmEUBBF0fPF1EaMTLcIwVAsZRuwhl+AGws2YWYvFqAibDA64RnuSzln4WpMRYAWK5obE76YUd3fEj/0cSPmDxz++RHxxIgO+ztf8MF2AQKyDHwofpyBAAAAAElFTkSuQmCC) no-repeat center / 100% 100%;
}

.vip_slide_title .r::before {
    content: '';
    width: 5px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAWUlEQVQImVXMvRFEQACG4Ye7XBsyfWjASRWhByVsGxItCE9GGQowY9bYGd7s+81CCH/8sLrJUWFG/TQjBUb0UXxTig8GlKn54mke97xL8x0tpvS5oMF2xTgBlTEM5FzzzYUAAAAASUVORK5CYII=) no-repeat center / 100% 100%;
    margin-right: 5px;
}

.vip_slide_title .r::after {
    content: '';
    width: 5px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAWUlEQVQImVXMvRFEQACG4Ye7XBsyfWjASRWhByVsGxItCE9GGQowY9bYGd7s+81CCH/8sLrJUWFG/TQjBUb0UXxTig8GlKn54mke97xL8x0tpvS5oMF2xTgBlTEM5FzzzYUAAAAASUVORK5CYII=) no-repeat center / 100% 100%;
    margin-right: 5px;
}

.vip-swiper .swiper-slide {
    background: #ffffff;
    min-height: 484px;
}

.vip-swiper .price {
    font-size: 0;
    color: #333333;
    padding: 55px 0 20px;
    text-align: center;
    vertical-align: bottom;
}

.vip-swiper .price span {
    display: inline-block;
    font-size: 30px;
}

.vip-swiper .price .unit {
    font-size: 16px;
    color: #666666;
}

.vip-swiper .price .num {
    font-size: 55px;
    color: #EB6100;
}

.vip-swiper .swiper-slide p {
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 40px;
    padding: 0 15px;
}

.vip-swiper .swiper-slide .btn {
    display: block;
    margin: 30px auto 50px;
    width: 140px;
    height: 45px;
    background-color: #f3f5fa;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    color: #999999;
}

.vip-swiper .swiper-slide .btn:hover, .vip-swiper .swiper-slide .btn.active {
    background-color: #EB6100;
    box-shadow: 0px 4px 15px 0px rgba(227, 175, 201, 0.8);
    color: #ffffff;
}

.vip-swiper .swiper-wrapper {
    align-items: center;
}

.vip_prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAt0lEQVQokXXRTUoDQRDF8d/4dSVd5wqSEHDtQDCbQBaKElchSFDQIF5AIoJ4g1zMRAwlPdB0Jm/TFPUv+r2q6mYyt0eXOEN91N43wCuqKA522gwz4BerEhrhJQMusMyhMZ4SsEYfn/l312gS/CTgq5kO6BazDOjhO/cQ0Enh6z9RCd3jLtUxED7OSyg0Tb4a8APdEgo9pISh4wRGAOXGH5P5ZxziPd62jS9whb8Edvbd7g0bnKLeAjAEH5yeUPPJAAAAAElFTkSuQmCC);
}

.vip_prev:hover {
    background-color: #EB6100;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAjklEQVQokYWRSwrCQBBEy0S8nqARRddZBHQRIih4DnfmoIr4pI2DTTPBgprF9KO/AsZcAz1QTpVXI+kqafKJZrLsgReDnsA2Am0A1vbvgSM/PYAqxRJwdsAdWPgK9lwCMI99FpJmYb5hIq8vHbMtY7nkU2h8lYPMnQNtBZscZD6EXe3G7tY4sP934BtQvAFLZ2q09icYvwAAAABJRU5ErkJggg==);
}

.vip_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuklEQVQokXXRS0pDQRBA0RNj3Ff2IH4GQhCcRNCBoIjgMGAiKBhCAgEHIiLiDlyAaxI1oaAfFM3LnVX37er6dK5vJ10s8I2lFrbLxQDHJZ7X2ha+8IcOZjhtk15xlMQnnNdS8IZD/BbxERe1FHzgAD8lvselUmjmE/t4xw7uwsmZGuK7TK/OtFsaiSzBDUZZ2itCc3aFca4pOntBTH9VOntoXocUM3pOwhmmuYaQ+kkYtq0lpBP8b1ww1oJKIrYimznsAAAAAElFTkSuQmCC);
}

.vip_next:hover {
    background-color: #EB6100;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAfklEQVQokY2RwQqCUBBFX0r/F6SBSLsWgYJI0KJvkfpOUToytfBxHcULdxbDYWa4E4AU6IAbEDxb+fDXF7ivQSUwRmDlQeZCwMaDzDkwMOvhQeYz0Efg04PMJwFfSVjqIK2jTsl0iq67yOG/e7YiaDWCqwC1F+Z7z1u2HwxhAkIgh5fKNilMAAAAAElFTkSuQmCC);
}

.vip_item6 {
    padding: 45px 0;
}

.vip_item6_box {
    display: flex;
    justify-content: space-between;
    padding-top: 55px;
}

.vip_item6_box .item {
    width: 23.3%;
    transition: all .2s;
}

.vip_item6_box .item:hover {
    box-shadow: 6px 8px 35px 0px #e2e9ef;
}

.vip_item6_box .item .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4px 4px 0 0;
    padding-bottom: 56%;
    position: relative;
}

.vip_item6_box .item .img::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../images/play_icon.png) no-repeat center / 100% 100%;
    /*background: url(../images/试看播放按钮.png) no-repeat center / 100% 100%;*/
    /*background-size: 188px 64px !important;*/
    left: 14px;
    bottom: 10px;
}

.vip_item6_box .item .txt {
    padding: 24px 19px;
    border: solid 1px #e7e9ef;
    border-top: none;
}

.vip_item6_box .item .txt p {
    font-size: 18px;
    color: #333333;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vip_item6_box .item:hover .txt p {
    color: #EB6100;
}

.vip_item6_box .item .txt span {
    font-size: 14px;
    color: #999999;
}

.vip_item7 {
    background-color: #f3f5fa;
    padding: 45px 0 65px;
}

.wt_box {
    padding-top: 28px;
}

.wt_item {
    margin-bottom: 15px;
    background: #ffffff;
    transition: all .3s;
    max-height: 50px;
    overflow: hidden;
}

.wt_item.active {
    box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.05);
    max-height: 500px;
}

.wt_item .title {
    height: 50px;
    display: block;
    padding: 0 54px;
    font-size: 16px;
    color: #333333;
    position: relative;
    line-height: 50px;
}

.wt_item.active .title {
    background-color: #EB6100;
    color: #ffffff;
}

.wt_item .title::before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 22px;
    transition: all .3s;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABzUlEQVQ4jYXUS4iOYRQH8J+PCCtCFI1ZigkLlwWJbBSSEnazIzvFUi6xtESfBbHAwp2NoiEKKbdCTcTGpUkyMiS5dJrzzTfe5/vyr7fnfZ9znv97nnPO/4yo1+vaoAMbMAcT8QXPcTHXArVih8m4ls8qDOARPmEZzqMHM6sHR1W+1+McItzNSVDFWOzDS2zD0VZkq5NoDa4WFE18x06cxb3kODycbBKuYCVuFMdb4z5m4xluxdrI2QUcb0N0Ci9wE1MqtijELlyWBZiOWdhS0HAbKzJHv9CL0RWf/RiHBXHN7gz1Z8VpApagE29wGn+wEHcqvvHdHZF14UkREz8wN4kCG3PtLTx5gGm1bMh3hZlveJrvi3EG69BXeA429Mgg+9wisVXcxUFcKiyDGI/ftaxUV2FuIhTxCjsKSxPzI+IgO5H90g79mNfG1sDySEMt/9qX12iFzpRVRwublFS0TU9DAZHY1zjZorIfsgc/FjRMxaFsl6GpEeXfisd5/+HoT3UMVPZn4D32Zmv8M4JiUkTID7H7Pznanjc5gD2NzeoIOpKijUg2pTJiln1NyUTV44kcLc2WGUKVLBDiXZRSWpuTdkzK7S2O4XpxCn8Bmv5nfu3YhWIAAAAASUVORK5CYII=);
}

.wt_item.active .title::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABtUlEQVQ4jYWUT2jPYRzHX35CTLTFoiyTgxpaOywOu8h1SWrJcRfabspRcXCTo3LisqRcuDgRcnBwEMWkVrts01pakpI/Lz1+n6+++30/v3nXu+fb835/3s/3+btBpQv2AxPAEaAP+AK8Bx5E20AWthuYibAF4AOwAvQCh6J/CZgE5tdUlrAaz9jGLbWvQ6u4Vb2u/lTP17W6aTyCxpOAjMfCP90ZtiuEk0nRehyKusP1sBfq7S5Fd9VZ9Znan+iX1bkqbJ+6om5KjGWQT+o59Ym6qm5OfEvqaJX8PDH0xhQGa30FY4n3vnqzBRwF3jQODXwHhmvbfzbajw0nvAL2tuJALjZk+Aa8je/jwD3gNLDccLYP9MYStgr0N+S1eAncAB42lDZ6gN8lbDam2g3lRswBl7roBSN//1g9qC4mi1qx7N72pL/OBfVEK0ZdjmlkOAB8jjuZYRr4BTyt0gdj24eTUXeqk2pPou2JutHOu3khhJGkKONA+K9mF71wKgxX/hN0MV6Na/X+7D0bAu4AO4B3wGvgK7Atdr2wrNFUHJl/WO+lHQNOAQPAFuBHPJaPgMcNN/AHsCaWGu+ZZgYAAAAASUVORK5CYII=);
}

.wt_item .title::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAgklEQVQYlYXPSQrCQBRF0WOzLRfgWtSpIhoEG+xFVISAa3TiRHAiHyoYJJA7q4JDvWrkef7CHSP1TTFpJjDEuIYMsMCjnV54YoMPDhWghwuWyAJF2wSOaKVzGdwwwzwuChSdEtghZq/Rx7UM/lG0TyCmdtDFqgyqUDH1jXPsT//4hS+SnxtSZOD8VgAAAABJRU5ErkJggg==);
    transition: all .3s;
}

.wt_item.active .title::after {
    transform: translateY(-50%) rotate(180deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAY0lEQVQYlWP4////5////3f+//+fgQhc8////+8MUA0gUElAUy5U3WSYQDlUoASHhmyofDOIjyxRBJUAGYBNQx1MDN3EUjSn5qBrwKYJ2anboHQLuhpcns6HagCFFqrc//8MAKfgKATNPA5UAAAAAElFTkSuQmCC);
}

.wt_menu .wt_list {
    display: block;
    font-size: 14px;
    color: #666666;
    padding: 0 54px;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.wt_menu .wt_list::before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 22px;
    background-image: url(https://aochitai.oss-cn-shenzhen.aliyuncs.com/aochi/assets/images/%E9%97%AE%E7%AD%94%E5%9B%9E%E5%A4%8D.png);
}

.order_pay_msg {
    background: #F3F5FA;
    padding: 55px 0 77px;
}

.order_msg_box {
    background-color: #ffffff;
    padding: 60px 200px 53px;
}

.order_msg_status {
    display: flex;
    align-items: center;
    justify-content: center;
}

.order_msg_status .icon {
    width: 94px;
    height: 91px;
    margin-right: 32px;
    background: url(../images/gou.png) no-repeat center / 100% 100%;
}

.order_msg_status .txt h4 {
    font-size: 24px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 18px;
}

.order_msg_status .txt p {
    font-size: 19px;
    color: #666666;
}

.order_msg_num {
    padding: 27px 0;
    display: flex;
    justify-content: center;
}

.order_msg_num p {
    font-size: 18px;
    color: #333333;
    min-width: 233px;
    padding-right: 20px;
    box-sizing: border-box;
    text-align: center;
}

.order_msg_tips {
    padding: 40px 35px 20px;
    background: #F9F9F9;
}

.order_msg_tips h4 {
    font-size: 14px;
    color: #EB6100;
    font-weight: 400;
    margin-bottom: 30px;
}

.order_msg_tips p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
}

.user_page {
    padding: 40px 0 80px;
}

.user_box {
    display: flex;
}

.user_left {
    width: 235px;
    margin-right: 45px;
}

.user_left .m_title2 {
    margin-bottom: 46px;
}

.user_content {
    flex: 1;
    position: relative;
    background-color: #ffffff;
    border: solid 1px #e7e9ef;
    padding: 15px 35px 0;
}

.user_head {
    padding: 39px 0 37px;
    background-color: #f8fbff;
    border: solid 1px #e7e9ef;
    margin-bottom: 30px;
}

.user_head .img {
    width: 110px;
    height: 110px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
}

.user_head .set {
    display: flex;
    padding: 10px 15px 0 57px;
    align-items: center;
}

.user_head .set .set_icon {
    width: 35px;
    height: 35px;
    background-color: #181c39;
    box-shadow: 0px 5px 10px 0px rgba(8, 11, 33, 0.15);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user_head .set .set_icon::before {
    content: '';
    width: 14px;
    height: 14px;
    background: url(../images/user_bj.png) no-repeat center / 100% 100%;
}

.user_head .set p {
    font-size: 18px;
    color: #333333;
    padding-left: 15px;
}

.user_menu {
    background-color: #f8fbff;
    border: solid 1px #e7e9ef;
}

.user_menu_item {
    /* padding: 0 10px 0 30px; */
    /* height: 80px; */
    display: block;
}

div.user_menu_item {
    transition: max-height .3s;
    max-height: 80px;
}

div.user_menu_item.active {
    max-height: 600px;
}

.user_menu_item.active .user_menu_box, .user_menu_item:hover .user_menu_box {
    background-color: #181c39;
    box-shadow: 0px 10px 20px 0px rgba(8, 11, 33, 0.25);
}

.user_menu_box {
    display: flex;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    align-items: center;
    padding: 0 10px 0 30px;
    position: relative;
    cursor: pointer;
}

.user_menu_box::after {
    content: '';
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 30px;
    right: 30px;
    border-bottom: 1px dashed #dee1ea;
}

.user_menu_box>div {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
}

.user_menu .user_menu_item:last-child .user_menu_box::after {
    display: none;
}

.user_menu_item.active .user_menu2 {
    display: block;
}

.user_menu2 {
    display: none;
}

.user_menu2 p {
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 99px;
    font-size: 15px;
}

.user_menu2 a {
    color: #999999;
}

.user_menu2 p::after {
    content: '';
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 30px;
    right: 30px;
    border-bottom: 1px dashed #dee1ea;
}

.user_menu2 a {
    position: relative;
}

.user_menu2 a::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #999999;
    border-radius: 50%;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.user_menu2 .active a, .user_menu2 a:hover {
    color: #181c39;
}

.user_menu_item.active .user_menu_box::after, .user_menu_item:hover .user_menu_box::after {
    display: none;
}

.user_menu_item.active .user_menu_box>div, .user_menu_item:hover .user_menu_box>div {
    background-color: #f7faff;
}

.user_menu_box>p {
    padding-left: 19px;
    font-size: 18px;
    color: #999999;
    white-space: nowrap;
}

.user_menu_item.active .user_menu_box>p, .user_menu_item:hover .user_menu_box>p {
    color: #ffffff;
}
.user_menu_item .icons1 {
    background-image: url(../images/user_left_icons1.png);
    background-size: 22px 22px;
}
.user_menu_item.active .icons1, .user_menu_item:hover .icons1 {
    background-image: url(../images/user_left_icons1_2.png);
}
.user_menu_item .icon1 {
    background-image: url(../images/user_left_icon1.png);
    background-size: 22px 22px;
}

.user_menu_item.active .icon1, .user_menu_item:hover .icon1 {
    background-image: url(../images/user_left_icon1_2.png);
}

.user_menu_item .icon2 {
    background-image: url(../images/user_left_icon2.png);
    background-size: 23px 22px;
}

.user_menu_item.active .icon2, .user_menu_item:hover .icon2 {
    background-image: url(../images/user_left_icon2_2.png);
}

.user_menu_item .icon3 {
    background-image: url(../images/user_left_icon3.png);
    background-size: 18px 22px;
}

.user_menu_item.active .icon3, .user_menu_item:hover .icon3 {
    background-image: url(../images/user_left_icon3_2.png);
}

.user_menu_item .icon4 {
    background-image: url(../images/user_left_icon4.png);
    background-size: 23px 19px;
}

.user_menu_item.active .icon4, .user_menu_item:hover .icon4 {
    background-image: url(../images/user_left_icon4_2.png);
}

.user_menu_item .icon5 {
    background-image: url(../images/user_left_icon5.png);
    background-size: 21px 23px;
}

.user_menu_item.active .icon5, .user_menu_item:hover .icon5 {
    background-image: url(../images/user_left_icon5_2.png);
}

.user_menu_item .icon6 {
    background-image: url(../images/user_left_icon6.png);
    background-size: 21px 21px;
}

.user_menu_item.active .icon6, .user_menu_item:hover .icon6 {
    background-image: url(../images/user_left_icon6_2.png);
}

.user_menu_item .icon7 {
    background-image: url(../images/user_left_icon7.png);
    background-size: 23px 21px;
}

.user_menu_item.active .icon7, .user_menu_item:hover .icon7 {
    background-image: url(../images/user_left_icon7_2.png);
}

.user_menu_item .icon8 {
    background-image: url(../images/user_left_icon8.png);
    background-size: 17px 22px;
}

.user_menu_item.active .icon8, .user_menu_item:hover .icon8 {
    background-image: url(../images/user_left_icon8_2.png);
}

.user_menu_item .icon9 {
    background-image: url(../images/user_left_icon9.png);
    background-size: 23px 19px;
}

.user_menu_item.active .icon9, .user_menu_item:hover .icon9 {
    background-image: url(../images/user_left_icon9_2.png);
}

.user_menu_item .icon10 {
    background-image: url(../images/user_left_icon10.png);
    background-size: 22px 22px;
}

.user_menu_item.active .icon10, .user_menu_item:hover .icon10 {
    background-image: url(../images/user_left_icon10_2.png);
}

.user_menu_item .icon11 {
    background-image: url(../images/user_left_icon11.png);
    background-size: 16px 22px;
}

.user_menu_item.active .icon11, .user_menu_item:hover .icon11 {
    background-image: url(../images/user_left_icon11_2.png);
}

.user_menu_item .icon12 {
    background-image: url(../images/user_left_icon12.png);
    background-size: 25px 22px;
}

.user_menu_item.active .icon12, .user_menu_item:hover .icon12 {
    background-image: url(../images/user_left_icon12_2.png);
}

.user_menu_item .icon13 {
    background-image: url(../images/user_left_icon13.png);
    background-size: 25px 22px;
}

.user_menu_item.active .icon13, .user_menu_item:hover .icon13 {
    background-image: url(../images/user_left_icon13_2.png);
}

.user_menu_item .icon14 {
    background-image: url(../images/user_left_icon14.png);
    background-size: 23px 22px;
}

.user_menu_item.active .icon14, .user_menu_item:hover .icon14 {
    background-image: url(../images/user_left_icon14_2.png);
}

.user_menu_item .icon15 {
    background-image: url(../images/user_left_icon15.png);
    background-size: 21px 21px;
}

.user_menu_item.active .icon15, .user_menu_item:hover .icon15 {
    background-image: url(../images/user_left_icon15_2.png);
}

.user_menu_item .icon16 {
    background-image: url(../images/user_left_icon16.png);
    background-size: 22px 22px;
}

.user_menu_item.active .icon16, .user_menu_item:hover .icon16 {
    background-image: url(../images/user_left_icon16_2.png);
}

.user_menu_item .icon17 {
    background-image: url(../images/user_left_icon17.png);
    background-size: 22px 22px;
}

.user_menu_item.active .icon17, .user_menu_item:hover .icon17 {
    background-image: url(../images/user_left_icon17_2.png);
}

.user_menu_item .icon18 {
    background-image: url(../images/user_left_icon18.png);
    background-size: 22px 22px;
}

.user_menu_item.active .icon18, .user_menu_item:hover .icon18 {
    background-image: url(../images/user_left_icon18_2.png);
}

.user_menu_item .icon19 {
    background-image: url(../images/user_left_icon19.png);
    background-size: 22px 22px;
}

.user_menu_item.active .icon19, .user_menu_item:hover .icon19 {
    background-image: url(../images/user_left_icon19_2.png);
}

.user_menu_item .icon20 {
    background-image: url(../images/user_left_icon20.png);
    background-size: 19px;
}

.user_menu_item.active .icon20, .user_menu_item:hover .icon20 {
    background-image: url(../images/user_left_icon20_2.png);
}

.user_menu_item .icon21 {
    background-image: url(../images/user_left_icon21.png);
    background-size: 22px 22px;
}

.user_menu_item.active .icon21, .user_menu_item:hover .icon21 {
    background-image: url(../images/user_left_icon21_2.png);
}

.user_menu_item .icon22 {
    background-image: url(../images/user_left_icon22.png);
    background-size: 24px;
}

.user_menu_item.active .icon22, .user_menu_item:hover .icon22 {
    background-image: url(../images/user_left_icon22_2.png);
}

.coupon_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 35px;
}

.coupon_min_height {
    min-height: 727px;
}

.coupon_item {
    width: 48.5%;
    height: 143px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    display: flex;
    margin-bottom: 30px;
    border-radius: 3px;
}

.coupon_item .l {
    flex: 1;
    position: relative;
}

.coupon_item .l .condition {
    position: absolute;
    color: #ffffff;
    font-size: 19px;
    right: 32px;
    top: 21px;
}

.coupon_item .l .coupon_lable {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 37px;
    padding-left: 32px;
    padding-top: 4px;
    color: #ffffff;
    font-size: 14px;
    box-sizing: border-box;
    background: url(../images/coupon_lable1.png) no-repeat center / 100% 100%;
}

.coupon_item .l .tj {
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    padding-left: 29px;
}

.coupon_item .l .date {
    opacity: 0.8;
}

.coupon_item .price {
    color: #ffffff;
    padding: 18px 0 6px 23px;
}

.coupon_item .price .unit {
    font-size: 23px;
    vertical-align: top;
}

.coupon_item .price .num {
    font-size: 50px;
    line-height: 45px;
}

.coupon_item .price .juan {
    font-size: 14px;
    vertical-align: bottom;
    margin-left: 10px;
}

.coupon_item .r {
    width: 93px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #ffffff;
    line-height: 20px;
}

.coupon_item .r span {
    width: 20px;
}

.coupon_item.status1 {
    background-image: url(../images/coupon_status1.png);
}

.coupon_item.status2 {
    background-image: url(../images/coupon_status2.png);
}

.coupon_item.status3 {
    background-image: url(../images/coupon_status3.png);
}

.coupon_item.status4 {
    background-image: url(../images/coupon_status4.png);
}

.coupon_box .page_num_box {
    padding-top: 42px;
}

.order_search {
    position: absolute;
    top: 19px;
    right: 35px;
    display: flex;
    height: 40px;
    border-radius: 20px;
    align-items: center;
}

.order_search select {
    width: 103px;
    height: 100%;
    font-size: 14px;
    color: #666666;
    background-color: #f8fbff;
    padding-left: 17px;
    box-sizing: border-box;
    border-radius: 20px 0px 0px 20px;
    border: none;
    outline: none;
    border: solid 1px #e7e9ef;
}

.order_search input {
    width: 238px;
    height: 100%;
    font-size: 14px;
    padding-left: 15px;
    box-sizing: border-box;
    border: none;
    border-top: solid 1px #e7e9ef;
    border-bottom: solid 1px #e7e9ef;
}

.order_search .btn {
    width: 47px;
    height: 100%;
    border-radius: 0px 20px 20px 0px;
    background: #EB6100 url(../images/search_icon2.png) no-repeat center / 17px;
}

.user_order_box {
    padding-top: 35px;
}

.order_table {
    display: table;
    border: solid 1px #e7e9ef;
    width: 100%;
    margin-bottom: 32px;
}

.order_table .order_tr:nth-of-type(1) {
    height: 50px!important;
    background-color: #f8fbff;
    font-size: 16px;
    color: #333333;
    position: relative;
}

.order_tr {
    display: table-row;
    height: 120px;
}

.order_table.vip .order_tr {
    height: 80px;
}

.order_td {
    color: #999999;
    font-size: 14px;
}

.order_tr .order_th {
    border-bottom: 1px solid #e7e9ef;
}

.order_tr .order_td.price {
    font-size: 18px;
}

.order_th, .order_td {
    display: table-cell;
    width: 16.66%;
    text-align: center;
    vertical-align: middle;
}

.order_table.vip .order_th, .order_table.vip .order_td {
    width: 20%;
}

.order_tr .order_th:nth-of-type(1), .order_tr .order_td:nth-of-type(1) {
    text-align: left;
    padding-left: 30px;
}

.order_td .btn {
    display: inline-block;
    width: 100px;
    height: 35px;
    font-size: 12px;
    text-align: right;
    line-height: 35px;
    padding-right: 33px;
    box-sizing: border-box;
    margin: 2px 0;
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 7px 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAjklEQVQYlV3PsQpBURjA8d+VMsjqLTyBzaQ8BoOSTUYzWUVnkocgwuYNjAYPQRksOnWvTvc/fr9z6vuyEMIUGRZKVfDCHIMyVrHBA2d8sUsxdkEXR9SxTjF2Qg97fLBNMXZAC3c04kLl3vmgVsYOnhhimWKEKyYI6ULtHMZYFa/jzz5uGKVQYBOz4rZ/+AHpdRpoFZqE7wAAAABJRU5ErkJggg==);
}

.order_td .order_btn1 {
    background-color: #f3f5fa;
}

.order_td .btn.order_btn1:hover {
    background-color: #EB6100;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAdUlEQVQYlWP8//9/GQMDAyMDA0MnAzr4//9/5n8ISPn//z8DMoZxXKAK4rFJgrA7VEEWNkkQ9oIqSMQmCcI6UAV5TBguZGD4AqXZ0XU5QXWloxsLkyhGd5A1VCIH3SvJ6F6AYVDwVTIwMLAwMDA0oziLgYEBAETy1GwaF+tjAAAAAElFTkSuQmCC);
    box-shadow: 0px 7px 20px 0px rgba(227, 175, 201, 0.8);
    color: #ffffff;
}

.order_td .btn.order_btn2:hover {
    color: #EB6100;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAkElEQVQYlV3PsQpBURjA8d+VMsjqLSxWm0l5DAYlm4xmMimRSR6CCJs3MBq8gqIMFp26V6f7H7/fOfV9ybM+HyHBVK4CXpigm8ciVrjjhC+2MYbOaOGAMpYxho5oY4cPNjGG9qjhhkpYKN87HZTy2MQDPcxiDHDBEOt4oUYKAyyy1+FnB1f0Y8iwinF22z/8AMlkGlA+cCqFAAAAAElFTkSuQmCC);
}

.modal_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.modal_box {
    min-width: 460px;
    background: #ffffff;
    padding: 50px 67px 39px;
    box-sizing: border-box;
    position: relative;
}

.modal_icon {
    width: 76px;
    height: 76px;
    margin: 0 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAemSURBVGhD3Zt36BxFFMcv9hITG5afqIlRY4n1Z9fYO3YsiBUbNrChqCgKYi/YIv4h9q5gb9hFo6ixYIvdGJXYWyyxfz8z++43rLm7ndnd+3l+4JudvZC7fTszb957MxnS39/fqIkR0vrS8tJoaZQ0TBouzS79In0nfS+9L70tvSk9Ln0iVU6Vxg6R1pb2lLaSMDYVjL9ful56ng+qoApjh0oHSIdL9F7V0OMXS1dJjIZkyhg7m3SEdKw0Hx/k+FN6QXpW4oHRV9JUieHLcJ5Lml9aWlpGWjPTjFKeKdK50iXS73wQS6qxW0qXSvmenCbdLd0gPSphWCyMlI2lPaTtpVmlkLekwyTmdhSxxuJYeLP7u7sB6LHzpcsleq0q6P1DpCOlBfkgYJx0jMQLLsQM2bUIeFScRWgoc+hEaTHpLKlKQwFPzfeOlE6QfpYMene8xN8Voqixa0nPSGPcnQdvuax0plTKcRSA78do5vW9fJCxqoRPWNnddaCIsZtJj0nmhP6QcErbSJP4oItMlraTjpLMSTG8n5RY09vSyVjWzbsk5ir8IG0inSf9zQeDAL97obSRZNOGYOUeaRV314J2xjJEGTJm6GfSetJT7m7wYVqNlT51d97gB6WWc7iVsXNKt0vzurtG4xuJ4fyau/vv8Lq0qcRqAAtIPHd+uXK0Mha3vpxvNn6VmJ/ErSmsIeHEWHc/kBh6X0gTpSckpsQW0sxSCnwPz2dOEqfFMvgvprfO4gCYp8aB0hW+GQUPcLq0orvrDC/gAukiiRccy74SIaWBb8GxNskbO4dEDy7u7hqNGyUimRiIgHg5u7m7eN6V+Lcvu7s4rpH29k3X4ytJv7k7kTf2FOlU32x8KbGuMV+LQsTziLSauxuAGBlnhwHMr1kkYmIehtBwXSnkR4mQlKAhhnkkjGTuwnES8bQjNHZu6SOJBwYipSt9sxDMf4bNBu7O85JENsTC3w4SAYKGHd2dh5eygkQCEAM9Sw/D5xLe2c3n0EEdLJmhDOVw/BfhaCk0lGSAdbqTofCOtJNEHGzQ87yAWK6TXvVNF3Ac5JsDxnKlB4zTpJiggaXqeN90PCTtIzXnS0FIJEID8Rf5BKATPHf4HcTQDjMWz7WIb7qQ7DbfLMyukoWTZCEk8+SzKZwhWcA/k8SyFMutElMSlpKI7ZvGhh6XYRD7oDgZ4w6pTA0J54STM8Lkoyh/Sdf6pmMv/sBYakfUjAyMjcWWKiCMKwujy7AoLhbqVwae3RlL9c9cNYUuXHcsYRlleiWVWEIDv86usbBeI1hCGoGxYWpE+JbCi9kVPs6uqZB44EOM97JrCmEENRZjLQaG1IyGKgI5JnOfOVuGcyQbaXjW+3wziaezK4zBWFI5I2UIA96THJPwMhWCGv59uAQS1JBapkJxzhiNsWExm3JntyEdIyBhuO7OBxk8CxWRMhCsGKMw1tbHnyQKXN2C3ybw4IFIycLa8ysS8/Zbd5cOyxjVFRjGD1KohpQabyrEvFQqr5aoTBpEXGdLhJlWgSiL2TUcYxGk5JApUFkgXg7TLRwR6zsJAWFnlc9C78JQDLVoyYyuE3YQ7pSIpQ1SP1I9spU6qpVs08BUDLRupmBVN1QuzFCGLA5pW6nO2pbVo6ZhrBWrMDa1DlQEfpS9GwMPfLNv1gqpIkzBWMsOiJEJq+piYcmGFISxa10sKpE5wSSMDRdeyjB1QdAQ0o1lDodnTMTYsESarx31OqE9EzA2DP7ZUvg/ERbyxtswpjAFFLStDtXr4BCtqEDMPxljwTILvDGFrzogV7aNKMLButlcsmXOFf3N2NAzEq/WAZHM6tJ+UkpdKRZ2CIxb+MPqxhj9oWRxKrErm0a9CsVDojGqJtSum0YCBarLfNNxUnbtVUgNrTzEsSKHGQvs3Fm9ZxcpparXDuq/lDjJUzlpY/u+dbBzdqVwd5Nvyvq+vr6s6WJV9mDwYERTDGVSsKrA0B0k8la8Pm+ebcw6IItiKHPKpll9yW9sEc69IVnYGLvf0w42yNh4MjgHsaFvdodwGAN5ZHO7QDDeqwoh8/XksBjWFcJhbFALImgn1GJY8/ZJrGP3bfJQ5efHcIZkOydLqVskSeSHscFwfk4iqYaHJXbSyxo8qOSHscFwJpKyXJfDI/QuPd2ztDIWOOzBHonVcNip4xAmRxF6knbGwgSJ5cLKkYR5OJo6zhXHwI6B24aMoZOxwH4JqR+nWYBzgoRg9PRgQMxLrZkKZbh70JEixgLG8Sa5AvUqgmuypTpLOSFUHR6QOP5gaWhY5ulIUWOBRGEdibDS2FoiCCH8C4vdVcLeL3E7iYnbZxWsCtSXOTdVmBhjgSMEDB3WXivn8HYJRFifWT95AVbkSoVQku/haB55MAdLrPJJMEIMwM4Ba3ZhWq2zReDHD5V4wwvxQQBLFnEvR9uZW2wKtzuTzHexKU6+S2xOD+YLdHwHZ7QI7GMOtzQpY6zB2ktCTu+2ypR4ODapeQksZVQW2WNiVFDuJGhvNcroSaYOiURUT+apwtgQzvvy/3pYouipVCjbsKYzLcJSbymqNjaEoc0RBnb28aRLSnhRzjZSG2JYI06wUahnzrOzh2yZq5BG4x/6S3UdFZxUxQAAAABJRU5ErkJggg==) no-repeat center /100% 100%;
}

.modal_txt {
    padding: 30px 0 44px;
    font-size: 30px;
    color: #333333;
    text-align: center;
}

.modal_btn {
    display: flex;
    justify-content: center;
}

.modal_btn a {
    width: 140px;
    height: 47px;
    font-size: 14px;
    text-align: center;
    line-height: 47px;
    margin: 0 15px;
}

.modal_btn .modal_confirm {
    color: #ffffff;
    background-color: #EB6100;
}

.modal_btn .modal_cancel {
    color: #EB6100;
    border: solid 1px #EB6100;
}

.modal_close {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAoElEQVQYlWXQLW5CQRQG0AMh2HYlXQACi8B0BagqGgICArQlLYQfAQZWgEIh0JiXsBd0N1DR3GTGPD4zyZeTmXunUhTFHRe8e8wWnSpO6GJVIp8Y4lzDCL8J/eEbYyxT9xUosk5nlC94TWgWZUYZNhK4ZRCJmXJ6aOOKJiZl1McBO7QwxwbT/Fxcu8A+LRH5QT2N8Bwo1j9iUPqCDzzh7R+vuh2w2lwqiAAAAABJRU5ErkJggg==) no-repeat center / 9px 9px;
}

.order_info_msg {
    display: flex;
    justify-content: space-between;
    padding: 36px 0;
}

.order_info_msg .l {
    width: 31.4%;
}

.order_info_msg .r {
    width: 65.5%;
}

.order_info_msg .l, .order_info_msg .r {
    border: solid 1px #e7e9ef;
}

.order_info_msg .l h4, .order_info_msg .r h4 {
    border-bottom: solid 1px #e7e9ef;
    background-color: #f8fbff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    padding-left: 19px;
}

.order_info_msg .l .box, .order_info_msg .r .box2 {
    padding: 24px 18px 0;
}

.order_info_msg .item {
    margin-bottom: 24px;
    color: #999999;
    font-size: 14px;
    display: flex;
}

.order_info_msg .box2 {
    display: flex;
}

.order_info_msg .half {
    width: 50%;
}

.order_course {
    padding-bottom: 34px;
}

.user_order_title {
    color: #333333;
    font-size: 18px;
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-bottom: 29px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user_order_title::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -35px;
    width: 4px;
    height: 30px;
    transform: translateY(-50%);
    background-color: #EB6100;
    box-shadow: 0px 3px 6px 0px rgba(227, 175, 201, 0.8);
    border-radius: 2px;
}

.flex_box3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex_item3 {
    width: 31.4%;
    transition: all .3s;
}

.flex_box3::after {
    content: '';
    width: 31.4%;
    height: 0;
}

.flex_zw3 {
    width: 31.4%;
    height: 0;
}

.flex_item3:hover {
    box-shadow: 7px 7px 35px 0px #e2e9ef;
}

.flex_item3 .img {
    width: 100%;
    padding-bottom: 56%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 7px 7px 0px 0px;
    position: relative;
    overflow: hidden;
}

.flex_item3 .txt {
    padding: 0 18px;
    border: solid 1px #e7e9ef;
    border-top: none;
}

.flex_item3 .txt .ft1 {
    font-size: 18px;
    color: #333333;
    padding: 22px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flex_item3 .txt .go {
    display: flex;
    font-size: 14px;
    color: #999999;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.flex_item3 .txt .go>p {
    width: calc(100% - 110px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flex_item3 .txt .txt_js {
    font-size: 14px;
    color: #999999;
    /* padding: 14px 0 20px; */
    padding-bottom: 6px;
    height: 54px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e7e9ef;
    margin-bottom: 10px;
}

.flex_item3 .txt .txt_js span {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.price_box {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    height: 39px;
    box-sizing: border-box;
}

.price_box .price {
    font-size: 25px;
    color: #EB6100;
    line-height: 25px;
    vertical-align: bottom;
    margin-right: 5px;
}

.price_tag {
    position: relative;
    margin-left: 9px;
    background-image: linear-gradient(262deg, #fe450b 0%, #ff9d15 100%), linear-gradient( #fe490c, #fe490c);
    padding: 2px 5px 3px;
    font-size: 12px;
    color: #ffffff;
}

.price_tag::before {
    content: '';
    position: absolute;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid #ff9714;
    border-bottom: 4px solid transparent;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
}

.price_box .price span {
    font-size: 14px;
}

.price_box .used_price {
    font-size: 12px;
    color: #999999;
    text-decoration: line-through;
}

.price_box .used_price2 {
    font-size: 12px;
    color: #999999;
}

.price_box .used_price2+.price_tag {
    margin-top: 4px;
}

.price_box .yh_date {
    font-size: 12px;
    color: #EB6100;
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    background: rgba(240, 50, 145, 0.03);
    margin-left: auto;
}

.go_box p {
    line-height: 26px;
    font-size: 12px;
}

.process_icon {
    padding-left: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABRElEQVQokY3SPUucURAF4GdXC4mIH4hBEG1EsxAwkEJsQgSDkBQpJNaCnaWSykKRgPgHJKvJL0hhY5HCzioE1GgT/MBKhShomyBELjsblvfdhRy4xT0zZ+7cM1Mol8syaMc8nmITX/ECv/CzNrWYES7iEM8wjJngx7CL9UbibSzgbZyPaIrYGkYwjqOsOL34Bl04CK4Xv2uKX6KEPnxJRDPasIzBzBf+Zs0IPI6ir4thznec5dLq4w+WMJRefhmOZvEIdzm2gpVq2y04yYUro/mAnlyE62RwEt+jPxfmEwoYqOPFKCaS+BsmYxy1uMFqrmQFiS81h+gKnbjNpdXHezxPbqf+N3D6n8JjbOFHdUnmgjxHdwNRK/Zjsd4lIrVdRdrfzzHzdHaiqw68injip6uCWnHCLJ7Ejk8Fl9y9iPvev0w8APE5O+cSeKwvAAAAAElFTkSuQmCC) no-repeat center left / 15px 15px;
}

.time_icon {
    padding-left: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAABR0lEQVQokYXSP0uWYRQG8N9r8SYRhJC01PQuUVtDX8GPEK4Kh0QQos1qCWosaIn7HvwA4aLkUJODq5MkBf2xwUEoMTAc1N44civPEHjB/TznOYfrus918fSGw6FErfUivmM6Ij5oqLUOsIqJiNjMbq+U8hJTmMcjrGASI41XcB9v8BjvU/0hFrCE5/jc3hca6QtmsIyreKKUcpwr5imlPDitu6fbL6Uc5Hp/sY9D/MRY55ZEzndxDbnZlXz08BbfsIFR3MBH3GqEFLuLccyONKX5iHjR1P5ExCvciYjXzdMg5xGR/o/OIm+xZwg7LcnFjL8ley8ibtZar2MrPT3N9CJiu+Pjv6i13sZ6enqGNWyfdxN+JTlJ6WmvSWcgOcg/I+tPeIcfbX7iJUkZRj8/IiJXPcVcK752epn0pfS01Ui/z/OEy+j/A1eHiGxOAE5aAAAAAElFTkSuQmCC) no-repeat center left / 13px 13px;
}

.btn_icon {
    display: block;
    min-width: 100px;
    height: 35px;
    font-size: 12px;
    text-align: right;
    line-height: 35px;
    padding-right: 33px;
    box-sizing: border-box;
    margin: 2px 0;
    background-color: #f3f5fa;
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 7px 12px;
}

.btn_icon.over:hover {
    background-color: #f3f5fa;
    color: #000000;
    box-shadow: none;
}

.btn_icon2 {
    display: block;
    width: 140px;
    height: 45px;
    font-size: 14px;
    text-align: right;
    line-height: 45px;
    padding-right: 52px;
    box-sizing: border-box;
    background-color: #f3f5fa;
    background-repeat: no-repeat;
    background-position: center right 34px;
    background-size: 7px 12px;
    border: none;
}

.btn_icon, .btn_icon2, .btn_icon.over:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAjklEQVQYlV3PsQpBURjA8d+VMsjqLTyBzaQ8BoOSTUYzWUVnkocgwuYNjAYPQRksOnWvTvc/fr9z6vuyEMIUGRZKVfDCHIMyVrHBA2d8sUsxdkEXR9SxTjF2Qg97fLBNMXZAC3c04kLl3vmgVsYOnhhimWKEKyYI6ULtHMZYFa/jzz5uGKVQYBOz4rZ/+AHpdRpoFZqE7wAAAABJRU5ErkJggg==);
}

.btn_icon:hover, .btn_icon.active, .btn_icon2:hover, .btn_icon2.active, .big_img_prev, .big_img_next {
    background-color: #EB6100;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAdUlEQVQYlWP8//9/GQMDAyMDA0MnAzr4//9/5n8ISPn//z8DMoZxXKAK4rFJgrA7VEEWNkkQ9oIqSMQmCcI6UAV5TBguZGD4AqXZ0XU5QXWloxsLkyhGd5A1VCIH3SvJ6F6AYVDwVTIwMLAwMDA0oziLgYEBAETy1GwaF+tjAAAAAElFTkSuQmCC);
    box-shadow: 0px 7px 20px 0px rgba(227, 175, 201, 0.8);
    color: #ffffff;
}

.btn_icon3 {
    display: block;
    width: 140px;
    height: 45px;
    font-size: 14px;
    text-align: right;
    line-height: 45px;
    padding-right: 52px;
    box-sizing: border-box;
    background-color: #f3f5fa;
    background-repeat: no-repeat;
    background-position: center right 34px;
    background-size: 12px 12px;
    background-color: #EB6100;
    color: #ffffff;
    border-radius: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA90lEQVQokW2RsUpDQRBFTwKKnYUipDCtoEV4pLCxkYi9TcTGD/AjbATBT9BW/yF1CittVFBstBBEUBGbSBqPLM7C8ngXZpm7O3f2DoO6qn6rE/VJPVcrlaZoqXNABXSAPjAIfgkMgQ9KNHVRe+qN/9gs39Ixr+6o6w3CkxBtlIKV8P6pvqqnNdFRiBayIEdHPVDf1C91sXh7Vq/rgjLG6rTWLKGXL/bi65miKKG0d6uOUnIce7hS79WlKNhXf9V28MNUlztlvw/qReRpRz/qIPhWstkGJsAusAx0gbtYk8AUWAv+DrSSclt9UR/Vs9rw/Rg45bNq9Qc+b5iy8KKGDAAAAABJRU5ErkJggg==);
}

.back_btn {
    display: block;
    width: 140px;
    height: 45px;
    box-shadow: 0px 4px 15px 0px rgba(227, 175, 201, 0.8);
    background: #EB6100 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAA4UlEQVQokZWRPUpDURCFP4OKKUzlAgStBIuU1i4gIJjG3nQuwMJCmyzAwkbQDQhuQCyyAsFCXEHQUhAL88noBG6eD+M7cC73nplzmR/UkpvqYUX7xaoQuK9LLLnw7fzBA/AJdJmDRaAN3AAbwBqwklqgBbwBHzPfqP0s61kdqeOCL8kn9WBaYhwd9SqNe/neKrijnmX8sjqIYQZ6dc2r6xkfVAPH6nmNYcoj9bWc3n/QAR5bTRyJSVPTPrDapLzY3ztwEqZY5HKsrCYxtOhjF7gG7uIepltg+w/TUvICOAX4AnrXHnsTyGIOAAAAAElFTkSuQmCC) no-repeat center right 45px / 13px 14px;
    line-height: 45px;
    text-align: right;
    padding-right: 68px;
    font-size: 14px;
    color: #ffffff;
    box-sizing: border-box;
}

.order_info_back {
    padding: 5px 0 50px;
}

.order_info_back a {
    margin: 0 auto;
}

.user_study {
    padding-bottom: 50px;
}

.user_study .flex_box3 {
    padding: 35px 0 10px;
}

.user_study .flex_item3 {
    margin-bottom: 30px;
}

.user_set_ipt {
    /* width: 420px; */
    margin: 100px auto 0;
    display: flex;
    justify-content: center;
}

.user_set_tab {
    display: table;
}

.user_input {
    position: relative;
    display: table-row;
    align-items: center;
}

.user_input .td {
    display: table-cell;
    padding-bottom: 20px;
}

.user_input .input_box {
    display: flex;
}

.user_input .td:nth-of-type(2) {
    width: 420px;
}

.user_input .td:nth-of-type(1) {
    padding-right: 15px;
    position: relative;
    text-align: right;
    font-size: 14px;
    color: #333333;
}

.user_input input {
    height: 44px;
    background-color: #ffffff;
    border: solid 1px #e3e3e3;
    outline: none;
    padding-left: 20px;
    font-size: 14px;
    flex: 1;
}

.user_input .tag {
    font-size: 14px;
    color: #333333;
    position: relative;
}

.user_input .bt {
    font-size: 16px;
    color: #EB6100;
    margin-right: 4px;
}

.bt2 {
    font-size: 22px;
    color: #EB6100;
    position: absolute;
    top: 5px;
    right: -18px;
}

.user_input .get_code {
    width: 130px;
    height: 44px;
    background-color: #EB6100;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    color: #ffffff;
}

.user_set_btn {
    padding-top: 10px;
}

.user_set_btn .btn {
    width: 100%;
    outline: none;
    cursor: pointer;
    height: 44px;
    background-color: #EB6100;
    border: none;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

.user_set_content {
    padding-top: 35px;
}

.user_set_item {
    height: 75px;
    background-color: #f8fbff;
    border: solid 1px #e7e9ef;
    display: flex;
    align-items: center;
    padding: 0 25px;
    margin-bottom: 20px;
}

.user_set_item h4 {
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    margin-right: auto;
}

.user_set_item p {
    font-size: 14px;
    color: #999999;
    margin-right: 100px;
}

.user_set_item a {
    font-size: 14px;
    color: #999999;
}

.user_set_item a:hover {
    color: #EB6100;
}

.user_info_box {
    text-align: center;
    padding-top: 35px;
}

.user_info_set {
    display: inline-block;
}

.user_set_img {
    width: 180px;
    height: 180px;
    margin: 0 auto 31px;
    border-radius: 50%;
    border: solid 1px #e0e0e0;
    position: relative;
    overflow: hidden;
}

.user_set_img .img {
    width: 100%;
    height: 100%;
    border: 4px solid #ffffff;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
}

.user_set_img input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 100;
}

.user_set_img span {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
}

.user_set_table {
    display: table;
}

.user_set_tr {
    display: table-row;
    vertical-align: middle;
    height: 44px;
}

.user_set_tr .user_set_key, .user_set_tr .user_set_td {
    display: table-cell;
}

.user_set_key {
    min-width: 63px;
    padding-right: 20px;
    text-align: left;
    font-size: 16px;
    color: #333333;
}

.user_set_tr .user_set_td {
    width: 420px;
    padding-bottom: 20px;
    text-align: left;
}

.user_set_tr .user_input input {
    width: 100%;
}

.user_set_tr .layui-textarea {
    min-height: 90px;
}

.user_input .xg {
    position: absolute;
    top: 15px;
    right: -75px;
    font-size: 14px;
    line-height: 14px;
    color: #EB6100;
}

.set_input3_item {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.set_input3 {
    width: 31.6%;
}

.user_set_sub {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

.user_text_box {
    padding-bottom: 50px;
}

.user_text {
    padding-top: 34px;
    min-height: 733px;
    padding-bottom: 30px;
    box-sizing: border-box;
}

.user_msg_list {
    padding-top: 35px;
    min-height: 796px;
    box-sizing: border-box;
}

.user_msg_item {
    height: 80px;
    background-color: #f8fbff;
    border: solid 1px #e7e9ef;
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}

.user_msg_item .name {
    font-size: 16px;
    color: #999999;
    padding-top: 22px;
}

.user_msg_item.active .name {
    color: #333333;
}

.user_msg_item .date {
    font-size: 14px;
    color: #999999;
    padding-top: 42px;
}

.user_msg_item .dian {
    display: none;
    width: 8px;
    height: 8px;
    background-color: #EB6100;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
}

.user_msg_item.active .dian {
    display: block;
}

.user_collect .flex_box3 {
    padding-top: 35px;
}

.user_collect .flex_box3 .flex_item3 {
    margin-bottom: 30px;
}

.user_collect .page_num_box {
    padding: 10px 0 50px;
}

.user_recommend {
    padding: 24px 35px 19px;
    border-bottom: 1px solid #e7e9ef;
}

.rmd_fg {
    position: relative;
    height: 30px;
}

.rmd_fg::before {
    content: '';
    background: #ffffff;
    position: absolute;
    left: -2px;
    height: 100%;
    width: 2px;
}

.rmd_fg::after {
    content: '';
    background: #ffffff;
    position: absolute;
    right: -2px;
    height: 100%;
    width: 2px;
}

.rmd_item {
    height: 75px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebeef3;
}

.user_recommend .rmd_list .rmd_item:last-child {
    border: none;
}

.rmd_item .user_icon {
    width: 35px;
    height: 35px;
    background: #EB6100 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA/0lEQVQokY2SIUvDURTFD2JZUVgdywOLIizuQyxYVkwmLQoaF11bWLEYVubGgiAIJjX4AUziRzAYDSKD/caD8+D/f7zt74Eb3rnn3HfvfU9AGi3gmzLegFqqTY11YAF8AR2gCRy5zEeV+d7ClD80f7zJHPCSMcsdPRa5LZWxkFRXHtuSfkqZpHrft+8n/Jn5zqa2Q8wtvAZOgFufr6oW1gbeyWMGNNaZL2359FZbFocRLoBf5w9S86kTg8wYxZgCz8BeNO/YeJcR5yJgGPiw/pEX31vzRBHnkto+dCXtxkoP/7hxDPxZvwxfOJqrZk1/4SS2fSPpqaLlIoaSXiVpBZvYVR0FfiBpAAAAAElFTkSuQmCC) no-repeat center / 15px;
    border-radius: 3px;
    margin-right: 14px;
}

.rmd_item.obtain .icon {
    width: 35px;
    height: 35px;
    background: #EB6100 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAABQklEQVQ4jZXTvUtcURAF8J/rGiVamRQWYmEjFpYWKcROEPI3pDABwdJO7KxsrFInFqK1BAQhhYW2NjYRqzQKxpBg5/fIxCsuebvKHriPB3Pm3PfOnBEReYYj4iDaw2FEjGZ/HUM4wDfM4gYdWiPQiU+lbyxFZtCLX5hq2VrFH/59xFw+BnCBafQ0UO/wG314XZHgCud4myKDOMFIhfYydjFcKx7UmtDfl9uO8a5SfUAXrmvFqGZGzheBbexh5b/fVfqiXml9QtZ+4COOsIzvRbRCbIXL4tcSFrCJ/Wbc50Q28DVzgA9YqzAaRLrTnEqFVWyV/LRCRqOnXsybwA5eNZBT+CfeoL+JSNZHsy9FTkugUuy2jDsnlsj3v+U8IieSQUzOZCY3RdaxWGL8uY3dyaklvjxu8XhEnLS5xWcRMRER7gHMUrwoeBWizAAAAABJRU5ErkJggg==) no-repeat center / 17px 15px;
    border-radius: 3px;
    margin-right: 14px;
}

.rmd_item.lose .icon {
    width: 35px;
    height: 35px;
    background: #f8fbff url(../images/user_left_icon4.png) no-repeat center / 17px 15px;
    border-radius: 3px;
    margin-right: 14px;
}

.rmd_item .msg {
    font-size: 16px;
    color: #333333;
    margin-right: auto;
}

.rmd_item .date {
    width: 330px;
    font-size: 14px;
    color: #999999;
}

.rmd_item .integral {
    width: 78px;
    height: 35px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
    justify-content: space-between;
    background-color: #181c39;
    font-size: 14px;
    color: #ffffff;
}

.rmd_item.lose .integral {
    background-color: #f8fbff;
    color: #999999;
}

.rmd_item .integral i {
    width: 25px;
    height: 25px;
    background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABH0lEQVQokW3SyysmYBgF8B++haJPGRqXkcZloZSRUkhZWtihZOwszM7Wwh9gJWMlSlnZSRQxWbqV1TSNBYpZqMlkY+M66cn71bdw6t08dZ5znnPegqpPXTCGQZSg0Bv+4w4L+JFmMpjCCBZxjD+J1IhuzGMGK0EIhXvMJeJ72EIFOnMK+0mhFde4iUWoTBa/YDvf0hOGUY0e1OAWJ3jEL9TmEz6nwTo28ixNoh3FeMFa3JJJFpbRj0P8xgTG0YSLtHg3SHH0JnbQjHqcohxtOEsKgUiuJAh/k/fzPDuryf80snhAB74VlWbrPmAW/9KLsnqTxegi4uzDAJ6DsJda/YpRtKAhFRiFXeEIl0HMfY0cItLIvgzfcYCf+IghLL0Cusw9GSrnW0IAAAAASUVORK5CYII=) no-repeat center / 12px;
    border-radius: 3px;
}

.rmd_link {
    padding: 24px 35px 0;
    border-top: 1px solid #e7e9ef;
}

.rmd_link_box {
    display: flex;
    justify-content: space-between;
}

.rmd_link_item {
    width: 48.5%;
    height: 129px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box;
    background-color: #f8fbff;
    border: solid 1px #e7e9ef;
}

.rmd_link_item .link_a {
    height: 46px;
    background-color: #ffffff;
    border: solid 1px #e7e9ef;
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.rmd_link_item .link_a span {
    width: 42px;
    height: 100%;
    background: url(https://www.denall.cn/themes/aochi_wap/public/assets/images/a55.png) no-repeat center / 18px;
}

.rmd_link_item .link_a input {
    color: #333333;
    flex: 1;
    font-size: 14px;
    width: 175px;
    border: none;
    outline: none;
}

.rmd_link_item .btn {
    width: 140px;
    height: 45px;
    background-color: #EB6100;
    box-shadow: 0px 7px 20px 0px rgba(227, 175, 201, 0.8);
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.rmd_link_item .link_qe {
    width: 98px;
    height: 98px;
}

.rmd_link_item .link_qe img {
    width: 100%;
    height: 100%;
}

.my_integral {
    padding: 0 0 50px;
}

.integral_img {
    height: 268px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 28px 0 0 119px;
    border-radius: 7px 7px 0px 0px;
}

.integral_img .title {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 35px;
}

.integral_img .num {
    font-size: 80px;
    color: #ffffff;
    line-height: 80px;
}

.integral_img .date {
    padding-top: 15px;
    font-size: 14px;
    color: #ffffff;
    opacity: 0.7;
}

.integral_screen {
    border-top: 1px solid #e7e9ef;
    padding-top: 5px;
    display: flex;
    justify-content: space-between;
}

.integral_screen .screen_list {
    align-items: center;
}

.integral_screen .list_switch {
    font-size: 18px;
    color: #666666;
}

.m_check2 {
    display: inline-flex;
    align-items: center;
}

.m_check2 input {
    display: none;
}

.m_check2 span {
    width: 21px;
    height: 21px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-sizing: border-box;
}

.check_event2:checked+span {
    background-color: #EB6100;
    border-color: #EB6100;
}

.m_check2 p {
    font-size: 18px;
    color: #666666;
    padding: 0 17px;
}

.check_event2:checked+span::before {
    content: '';
    width: 12px;
    margin-top: 2px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAArElEQVQokb2RoQpCQRBF1yJGwWAR/A+jZn/AZLQKYrQJJv/AYrT6HTbhFV8y+QPaPDJ4Hz6XWeUZvHCH5c6cZdkJPwuo6i1wqwpNeOroNVPuC7oC7dRQ7C4v9SyzsC57gLkGZMLGRW4lBy5Aw4HMe0HLcm5lo8YJaEbQWr1dfGFxWGngDLSUjZRlzive9rjQ4AEY6nwHOt9A87z0e6ZB6tO8cCpo9mlFf1YI4QH5PO65Cv+4PAAAAABJRU5ErkJggg==) no-repeat center / 100%;
}

.my_integral .page_num_box {
    padding-top: 42px;
}

.my_integral .rmd_list {
    padding-top: 20px;
}

.expert_content {
    padding: 30px 0 70px;
}

.expert_head {
    position: relative;
    padding-bottom: 25px;
}

.expert_head>h4 {
    font-size: 36px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 20px;
}

.expert_head>p {
    color: #999999;
    font-size: 16px;
}

.expert_head .list_search {
    position: absolute;
    right: 0;
    top: 22px;
}

.list_search {
    display: flex;
}

.list_search input {
    width: 223px;
    padding-left: 19px;
    height: 40px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    border-radius: 20px 0 0 20px;
}

.list_search .btn {
    width: 47px;
    height: 40px;
    background-color: #EB6100;
    border-radius: 0px 20px 20px 0px;
    background: #EB6100 url(../images/search_icon2.png) no-repeat center / 17px;
}

.expert_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}

.expert_item {
    width: 31.8%;
    padding-bottom: 55px;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.expert_zw {
    width: 31.8%;
    height: 0;
}

.expert_item .img {
    width: 100%;
    padding-bottom: 116.6%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.expert_item .txt {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 91%;
    height: 164px;
    background-color: #ffffff;
    border-radius: 7px 7px 0px 0px;
    border: solid 1px #e7e9ef;
    text-align: center;
    box-sizing: border-box;
    padding-top: 50px;
    transition: all .3s;
}

.expert_item:hover .txt {
    background-color: #EB6100;
    box-shadow: 0px 5px 15px 0px rgba(227, 175, 201, 0.8);
    color: #ffffff!important;
    border-color: #EB6100;
}

.expert_item:hover .txt .name {
    color: #ffffff;
}

.expert_item:hover .txt .msg {
    color: #ffffff;
}

.expert_item .txt .name {
    font-size: 26px;
    color: #333333;
    line-height: 26px;
    margin-bottom: 23px;
    transition: all .3s;
}

.expert_item .txt .msg {
    font-size: 16px;
    color: #999999;
    transition: all .3s;
}

.expert_content .page_num_box {
    padding-top: 20px;
}

.xxkc_box {
    padding: 20px 0 65px
}

.xxkc_item {
    display: flex;
    padding: 27px 16px 22px;
    border-bottom: 1px solid #e5e5e5;
}

.xxkc_item .l {
    width: 284px;
    height: 159px;
    margin-right: 42px;
}

.xxkc_item .l .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.xxkc_item .r {
    flex: 1;
    display: table;
}

.kx_tr {
    display: table-row;
}

.kx_th {
    font-size: 18px;
    color: #333333;
}

.kx_td {
    font-size: 16px;
    color: #666666;
    padding: 40px 0 42px;
}

.kx_tr .kx_th:first-child {
    width: 45%;
}

.kx_tr .kx_th:first-child, .kx_tr .kx_td:first-child {
    text-align: left;
}

.kx_tr .kx_th:last-child, .kx_tr .kx_td:last-child {
    text-align: right;
}

.kx_th, .kx_td {
    display: table-cell;
    text-align: center;
}

.bs_icon {
    display: inline-block;
    width: 22px;
    height: 21px;
    margin-right: 8px;
    background: url(../images/bs_icon.png) no-repeat center / 22px 16px;
}

.xxkc_btn {
    display: block;
    width: 82px;
    height: 26px;
    border-radius: 13px;
    border: solid 1px #EB6100;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    color: #EB6100;
}

.flex-align {
    display: flex;
    align-items: center;
}

.user_home {
    padding-bottom: 35px;
}

.user_home_head {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 181px;
    align-items: center;
    display: flex;
}

.open_vip_box {
    position: absolute;
    display: flex;
    align-items: center;
    height: 30px;
    font-size: 14px;
    background: #ffffff;
    border-radius: 15px;
    padding: 0 1px;
    top: 20px;
    right: 25px;
}

.open_vip_box .xf {
    color: #EB6100;
    width: 50px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.open_vip_box .kt {
    color: #ffffff;
    width: 50px;
    height: 28px;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    background-color: #EB6100;
}

.open_vip_box .sj {
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    color: #EB6100;
    font-size: 16px;
}

.user_grade {
    padding-left: 57px;
    display: flex;
}

.user_vip_txt {
    padding-left: 21px;
}

.user_vip_txt .jf {
    padding-top: 9px;
}

.user_vip_img {
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.user_vip_txt .name {
    font-size: 16px;
    color: #ffffff;
    margin-right: 10px;
}

.user_vip_txt .msg {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
}

.user_vip_txt .msg .phone {
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 12px;
    background: rgba(0, 0, 0, 0.08);
    margin-right: 20px;
}

.user_vip_txt .msg .vip_type {
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 14px;
    background-color: #e7c56a;
    margin-right: 20px;
}

.user_vip_txt .msg .date {
    padding-right: 19px;
    background: url(../images/vip_date_icon.png) no-repeat center right / 14px 16px;
}

.vip_head_box {
    margin-left: 60px;
    display: flex;
}

.vip_head_box .item {
    width: 100px;
    text-align: center;
}

.vip_head_box .item p {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 15px;
}

.vip_head_box .item span {
    font-size: 14px;
    color: #ffffff;
}

.vip_head_box .item .sp_icon {
    padding-left: 23px;
    background: url(../images/sp_icon.png) no-repeat center left / 19px 17px;
}

.vip_head_box .item .bl_icon {
    padding-left: 19px;
    background: url(../images/bl_icon.png) no-repeat center left / 15px 17px;
}

.vip_head_box .item .zj_icon {
    padding-left: 20px;
    background: url(../images/zj_icon.png) no-repeat center left / 17px 16px;
}

.user_vip_txt .jf span {
    font-size: 14px;
    color: #ffffff;
}

.user_vip_txt .jf .jf_icon {
    margin-left: 30px;
    font-size: 14px;
    color: #ffffff;
    background: url(../images/jf_icon.png) no-repeat center right / 18px;
    padding-right: 32px;
}

.user_home_box .user_order_title {
    margin: 35px 0 20px;
}

.pure_content {
    flex: 1;
}

.sp_content .screen_list>span {
    width: 67px;
}

.kcsp_box {
    padding: 25px 0 20px;
}

.kcsp_box .flex_item3 {
    margin-bottom: 30px;
}

.sp_title1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 86px;
    height: 37px;
    background: url(../images/sp_title_icon.png) no-repeat center / 100% 100%;
    font-size: 14px;
    color: #ffffff;
    padding: 6px 0 0 19px;
    box-sizing: border-box;
    z-index: 10;
}

.sp_title2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 86px;
    height: 37px;
    background: url(../images/sp_title_icon2.png) no-repeat center / 100% 100%;
    font-size: 14px;
    color: #333333;
    padding: 6px 0 0 19px;
    box-sizing: border-box;
    z-index: 10;
}

.sp_title3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    height: 37px;
    background: url(../images/sp_title_icon3.png) no-repeat center / 100% 100%;
    font-size: 14px;
    color: #ffffff;
    padding: 6px 0 0 9px;
    box-sizing: border-box;
    z-index: 10;
}

.menu_left_ggt {
    padding-top: 30px;
}

.menu_left_ggt img {
    width: 100%;
}

.kc_yth {
    display: flex;
}

.kc_yth .kc_type2 {
    flex: 1;
}

.ggl_r {
    width: 235px;
    margin-left: 45px;
}

.kc_no {
    border: solid 1px #e7e9ef;
}

.kc_no h4 {
    height: 50px;
    background-color: #f8fbff;
    line-height: 50px;
    padding-left: 19px;
    font-size: 18px;
    color: #333333;
    font-weight: 500;
}

.kc_no .box {
    padding: 0 20px;
}

.kc_no p {
    line-height: 43px;
    box-sizing: border-box;
    border-bottom: 1px dashed #e7e9ef;
}

.kc_no .box p:last-child {
    border: none;
}

.kc_no a {
    display: block;
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc_no a span {
    margin-right: 8px;
    color: #EB6100;
}

.kc_no a:hover {
    color: #EB6100;
}

.ggl_img {
    padding-top: 30px;
}

.ggl_img img {
    width: 100%;
}

.kc_item2 {
    display: flex;
    margin-bottom: 30px;
    transition: all .3s;
}

.kc_item2:hover {
    box-shadow: 0px 10px 35px 0px #e2e9ef;
}

.kc_item2 .l {
    width: 353px;
    height: 198px;
    border-radius: 7px 0px 0px 7px;
    overflow: hidden;
}

.kc_item2 .l .img {
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.kc_item2 .r {
    flex: 1;
    border: 1px solid #e7e9ef;
    border-left: none;
    padding: 0 35px;
}

.kc_item2 .title {
    font-size: 22px;
    color: #333333;
    padding: 20px 0 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.kc_item2 .name {
    font-size: 15px;
    color: #999999;
    padding-bottom: 17px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e7e9ef;
}

.kc_item2 .date {
    font-size: 15px;
    color: #999999;
    margin-bottom: 18px;
}

.kc_item2 .msg {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}

.kc_type2 .page_num_box {
    padding-top: 20px;
}

.address_icon {
    color: #999999;
    font-size: 15px;
    padding-left: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAABKUlEQVQokW3STyjfYRwH8Jc/jdsOO8hphXLR1GQHc3MhIUmpXacclIOSg8guTsvVr5SL5KRou02LqDVKSEnJUtzMZTW1KT31eepL3qfneX/e7+f9+TzPU1YqlRQwhRaUB3WPM0xmSWVBvIPf+Iyt4FoxjmO8w9980jJu0RvilNKGPQxhF+s5oT2KdWFeQxX+4wW6MYJDfCiPzUaI5/A6RH2owFLUVjGYDK/wK8ge9BfmGoh0WZMMl6gPch+fCoZpnMe6AXdphnmsBDmK7xH/D83oilonZlLCadzGLP7EVf7ECd7gCsO4wbf8cNXR4/tCCxkvcYEmXOd3uMNH/HgiTkjpE0mch874ErMcFLivOMLic18jYQybWIiea/G2KHhqSOjANmrQ+KiCB61oQB+WPqXVAAAAAElFTkSuQmCC) no-repeat center left / 12px 14px;
}

.kc_over {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
}

.kc_over_icon {
    /*position: absolute;*/
    /*font-size: 23px;*/
    /*color: #ffffff;*/
    /*width: 95px;*/
    /*height: 95px;*/
    /*right: 30px;*/
    /*bottom: 20px;*/
    /*border: 2px solid #ffffff;*/
    /*overflow: hidden;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*border-radius: 50%;*/
    /*transform: rotate(-30deg);*/
   
    position: absolute;
    /*font-size: 23px;*/
    /*color: #ffffff;*/
    width: 120px;
    height: 120px;
    right: 20px;
    bottom: 10px;
    /*border: 2px solid #ffffff;*/
    /*overflow: hidden;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*border-radius: 50%;*/
    /*transform: rotate(-30deg);*/
    /*display: flex;*/
    background: url(../images/end.png) no-repeat center / 100% 100%;

}

.kc_over_icon span {
    position: absolute;
    width: 100%;
    z-index: 10;
    text-align: center;
    background: transparent;
}

.kc_over_icon p {
    position: absolute;
    width: 69px;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.kc_over_icon p::before {
    content: '';
    min-width: 73px;
    min-height: 73px;
    border: 1px solid #ffffff;
    border-radius: 50%;
}

.baom {
    padding-top: 40px;
    display: flex;
    justify-content: center;
}

.enroll_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 100;
    display: none;
}

.enroll_mask.active {
    display: block;
}

.enroll_box {
    position: absolute;
    top: calc(50% + 20px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 850px;
    background: #ffffff;
    text-align: center;
    padding: 50px 0;
}

.enroll_close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 8px;
    top: 8px;
    background: url(../images/close.png) no-repeat center / 13px;
}

.enroll_box>h4 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 30px;
}

.enroll_box .layui-form {
    display: inline-block;
}

.user_set_td.user_input.code_box input {
    width: calc(100% - 130px);
}

.code_box .code {
    width: 120px;
    height: 44px;
    /* margin-left: 6px; */
    display: inline-block;
}

.code_box .code .btn {
    font-size: 14px;
    color: #ffffff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EB6100;
}

.code_box .code img {
    width: 100%;
    height: 100%;
}

.enroll_sub {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.enroll_sub button {
    width: 48%;
    height: 44px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    box-sizing: border-box;
    border: none;
    background: none;
}

.enroll_sub .confirm {
    background-color: #EB6100;
    color: #ffffff;
}

.enroll_sub .reset {
    border: solid 2px #EB6100;
    color: #EB6100;
}

.review_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 17px;
}

.review_list::after {
    content: '';
    width: 31.4%;
    height: 0;
}

.review_item {
    width: 31.4%;
    margin-bottom: 30px;
    transition: all .3s;
}

.review_item:hover {
    transform: translateY(-15px);
}

.review_item .img {
    width: 100%;
    border-radius: 7px 7px 0px 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 198px;
}

.review_item .img img {
    width: 100%;
    object-fit: cover;
}

.review_gd {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 20px;
}

.sp_status {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
}

.sp_status::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 -12px 49px 10px #000000;
}

.sp_status span {
    position: absolute;
    font-size: 14px;
    color: #ffffff;
    right: 14px;
    bottom: 14px;
}

.zxkc_box {
    padding: 20px 0 0px;
}

.zxkc_box .flex_box3 {
    padding-bottom: 20px;
}

.zxkc_box .flex_item3 {
    margin-bottom: 30px;
}

.video_page {
    padding: 27px 0 75px;
}

.video_info_head h4 {
    font-size: 30px;
    color: #333333;
    font-weight: normal;
    line-height: 30px;
    display: flex;
    align-items: center;
}

.video_info_head h4 span {
    background-color: #EB6100;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 30px;
}

.video_info_head .box {
    padding: 19px 0 27px;
    display: flex;
    align-items: center;
}

.video_info_head .m_crumbs {
    margin: 0;
    padding-left: 0;
    background: none;
    display: inline-block;
}

.video_info_head .time_icon {
    display: inline-block;
    margin-left: 37px;
    color: #999999;
    font-size: 14px;
}

.sp_icon2 {
    padding-left: 36px;
    font-size: 14px;
    color: #EB6100;
    display: inline-block;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url(../images/sp_icon2.png);
}

.phone_icon2 {
    font-size: 14px;
    color: #181c39;
    margin-left: auto;
    padding-left: 21px;
    background: url(../images/phone_icon2.png) no-repeat center left / 13px 17px;
}

.video_big_box {
    width: 100%;
    padding-bottom: 56.2%;
    position: relative;
}

.video_big_box video {
    /* width: 100%;
    height: 100%;
    outline: none;
    position: absolute;
    top: 0;
    left: 0; */
}

/* .video_big_box>div{
    position: absolute;
} */

.video_big_bot {
    display: flex;
    height: 50px;
    background-color: #181c39;
    align-items: center;
}

.video_big_bot a {
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    line-height: 20px;
    border-right: 1px solid #666666;
}

.video_big_bot .gk {
    padding: 0 20px 0 53px;
    background: url(../images/see_icon.png) no-repeat center left 20px / 23px 18px;
}

.video_big_bot .sc {
    padding: 0 20px 0 53px;
    background: url(../images/collect_icon.png) no-repeat center left 20px / 17px 16px;
}

.dingyue {
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f5fa;
}

.dingyue_box {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.dingyue_box .l {
    display: flex;
    align-items: center;
}

.dingyue_box .msg {
    padding-left: 22px;
    width: 250px;
}

.dingyue_box .msg .name {
    font-size: 20px;
    color: #333333;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dingyue_box .msg .tab {
    font-size: 14px;
    color: #EB6100;
}

.fxicon_box {
    display: flex;
    align-items: center;
}

.fxicon_box a {
    margin: 0 15px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.fx_item1 {
    background-image: url(../images/fx_item1.png);
    background-size: 24px 27px;
}

.fx_item1:hover {
    background-image: url(../images/fx_item1_2.png);
}

.fx_item2 {
    background-image: url(../images/fx_item2.png);
    background-size: 28px 24px;
}

.fx_item2:hover {
    background-image: url(../images/fx_item2_2.png);
}

.fx_item3 {
    background-image: url(../images/fx_item3.png);
    background-size: 25px 23px;
}

.fx_item3:hover {
    background-image: url(../images/fx_item3_2.png);
}

.fx_item4 {
    background-image: url(../images/fx_item4.png);
    background-size: 19px 23px;
}

.fx_item4:hover {
    background-image: url(../images/fx_item4_2.png);
}

.video_title {
    display: flex;
    justify-content: space-between;
    font-size: 26px;
    color: #333333;
    padding-left: 40px;
    background: url(../images/video_title_icon.png) no-repeat center left 2px / 24px;
}

.xuanji {
    padding-top: 32px;
}

.xuanji_box {
    display: flex;
    padding-top: 20px;
    flex-wrap: wrap;
}

.xuanji_item {
    position: relative;
    display: flex;
    width: 182px;
    height: 102px;
    margin: 0 20px 20px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.xuanji_item .name {
    position: absolute;
    bottom: 6px;
    left: 11px;
    font-size: 12px;
    color: #ffffff;
}

.xuanji_item::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 -12px 27px 10px #000000;
}

.jieshao {
    padding: 18px 0 28px;
    border-bottom: 1px solid #f3f5fa;
}

.jies_swiper {
    display: flex;
    padding-bottom: 10px;
}

.jies_swiper p {
    margin-right: 38px;
    height: 52px;
    position: relative;
    cursor: pointer;
}

.jies_swiper p::before {
    content: '';
    position: absolute;
    width: 0;
    height: 4px;
    background-color: #EB6100;
    border-radius: 2px;
    bottom: 0;
    left: 52px;
    transition: all .3s;
}

.jies_swiper p.active::before, .jies_swiper p:hover::before {
    width: 55px;
}

.jies_swiper a {
    color: #666666;
    font-size: 30px;
    display: block;
    height: 34px;
    line-height: 34px;
    background-position: center left;
    background-repeat: no-repeat;
    position: relative;
    padding-right: 40px;
    transition: all .3s;
}

.jies_swiper a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 28px;
    background-color: #f3f5fa;
}

.jies_swiper .item1 a {
    background-size: 30px 30px;
    padding-left: 43px;
    background-image: url(../images/js_icon1.png);
}

.jies_swiper .item1.active a, .jies_swiper .item1:hover a {
    color: #333333;
    background-image: url(../images/js_icon1_2.png);
}

.jies_swiper .item2 a {
    background-size: 31px 25px;
    padding-left: 45px;
    background-image: url(../images/js_icon2.png);
}

.jies_swiper .item2.active a, .jies_swiper .item2:hover a {
    color: #333333;
    background-image: url(../images/js_icon2_2.png);
}

.jies_swiper .item3 a {
    background-size: 29px 27px;
    padding-left: 44px;
    background-image: url(../images/js_icon3.png);
}

.jies_swiper .item3.active a, .jies_swiper .item3:hover a {
    color: #333333;
    background-image: url(../images/js_icon3_2.png);
}

.jies_swiper .item4 a {
    background-size: 26px 32px;
    padding-left: 44px;
    background-image: url(../images/js_icon4.png);
}

.jies_swiper .item4.active a, .jies_swiper .item4:hover a {
    color: #333333;
    background-image: url(../images/js_icon4_2.png);
}

.xgsp_box {
    padding: 27px 0 0;
}

.flex_list4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex_item4 {
    width: 23.3%;
    transition: all .3s;
}

.flex_item4:hover {
    box-shadow: 0px 10px 35px 0px #e2e9ef;
}

.flex_item4 .img {
    width: 100%;
    padding-bottom: 54.3%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px 7px 0px 0px;
    position: relative;
    overflow: hidden;
}

.flex_item4 .txt {
    border: solid 1px #e7e9ef;
    border-top: none;
    padding: 15px 19px 23px;
}

.flex_item4 .txt .title {
    font-size: 18px;
    color: #333333;
    height: 55px;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    box-sizing: border-box;
}

.flex_item4 .txt .title span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.flex_item4 .txt .name {
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bf_icon::before {
    content: '';
    box-shadow: 0 -35px 65px 13px #000000;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 100%;
    z-index: 1;
}

.bf_icon::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 10px;
    left: 14px;
    z-index: 2;
    background: url(../images/play_icon.png) no-repeat center / 100%;
   
}

.xgsp_box .flex_list4 {
    padding-top: 17px;
}

.kcjs_head_box {
    padding-bottom: 60px;
    border-bottom: 1px solid #f3f5fa;
}

.kcjs_head {
    display: flex;
}

.kcjs_head .l .img {
    width: 700px;
    height: 393px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.kcjs_head .r {
    flex: 1;
    padding: 20px 40px 0;
    border: solid 1px #e7e9ef;
    border-left: none;
}

.kcjs_head .title {
    font-size: 26px;
    color: #333333;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    overflow: hidden;
}

.kcjs_head .title>span {
    width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kcjs_head .msg {
    display: flex;
    align-items: center;
    margin-bottom: 29px;
    font-size: 14px;
    color: #999999;
}

.small .fxicon_box a {
    width: 20px;
    height: 20px;
    margin: 0 10px;
}

.small .fx_item1 {
    background-size: 17px 19px;
}

.small .fx_item2 {
    background-size: 19px 15px;
}

.small .fx_item3 {
    background-size: 17px 15px;
}

.small .fx_item4 {
    background-size: 13px 15px;
}

.sc_icon {
    display: inline-block;
    width: 110px;
    height: 45px;
    background-color: #181c39;
    background-position: center left 29px;
    background-repeat: no-repeat;
    padding-left: 55px;
    color: #ffffff;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 45px;
    background: #181c39 url(../images/sc_icon.png) no-repeat center left 29px / 16px 18px;
}

.sc_icon.active, .sc_icon:hover {
    background-color: #EB6100;
}

.kcjs_head .price_box {
    padding-top: 40px;
    height: auto;
    border-top: 1px solid #e0e3ea;
    padding-bottom: 0;
}

.kcjs_head .price_box .price {
    font-size: 38px;
    line-height: 40px;
    margin-right: 20px;
}

.kcjs_head .price_box .mf {
    font-size: 23px;
    color: #EB6100;
    margin-right: 8px;
    font-family: SourceHanSansCN-Normal;
}

.kcjs_head .price_box .price_tag {
    font-size: 14px;
    padding: 4px 10px;
    margin-left: 10px;
}

.kcjs_head .price_box .price_tag::before {
    border-right-width: 7px;
    border-left-width: 7px;
    left: -14px;
}

.price_tag2 {
    font-size: 14px;
    color: #ffffff;
    padding: 3px 17px;
    background-image: linear-gradient(262deg, #fe450b 0%, #ff9d15 100%), linear-gradient( #fe490c, #fe490c);
}

.kcjs_head .price_box .price span {
    font-size: 23px;
}

.kcjs_head .price_box .price .sj {
    font-size: 14px;
    color: #999999;
}

.kcjs_head .price_box .used_price {
    font-size: 20px;
    vertical-align: bottom;
    text-decoration: none;
    position: relative;
}

.kcjs_head .price_box .used_price.tag::before {
    display: none;
}

.kcjs_head .price_box .used_price::before {
    content: '';
    position: absolute;
    height: 1px;
    right: 0;
    top: 50%;
    left: 0;
    background: #999999;
}

.kcjs_head .price_box .used_price span {
    font-size: 14px;
}

.kcjs_head .price_box .sj_vip {
    margin-left: 50px;
}

.sj_vip {
    font-size: 14px;
    color: #999999;
    padding-right: 12px;
    position: relative;
}

.sj_box {
    padding-top: 30px;
}

.sj_vip2 {
    display: inline-block;
    line-height: 45px;
    padding: 0 35px 0 20px;
    background-image: linear-gradient(262deg, #fe450b 0%, #ff9d15 100%), linear-gradient( #fe490c, #fe490c);
    font-size: 14px;
    color: #ffffff;
    position: relative;
}

.sj_vip2::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 100%;
    right: 22px;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAsklEQVQYlWXOMWoCcRDF4d+sC17GG6T5YyV4ColFiIiNBKxmHzZKWg0IFulzAkGLLexsJAdI7qD92Kzgrq+Z4pvHjEXEB2CSljSSARdg4e7DJrbM7JRSOgI/KaX/sizPj00k7YEe8O3u7zWsFnZAH1i7+wDAiqKo3XH3DvALTDKec61mu4bu3gX+gDdJn1kDDsBU0gYgr+ClgrGk1b1gEfEKbIGRpK/HMxYRMyCXNG9+dgNpBDsuDzmvmwAAAABJRU5ErkJggg==) no-repeat center / 100%;
}

.r_jt::before, .r_jt::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAV0lEQVQImTXLvQmEUBgF0aNYjk2YCoJiPWK+HbwODP2LFCzBTraCTZYPdLI73MlSSjdGbJDjgxV1iAITvjjQhAhOlNgjefm9SVDhQheP/hkt5hDDIxf4A7BmD3uA9NozAAAAAElFTkSuQmCC) no-repeat center / 100% 100%;
}

.sj_vip::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 8px;
}

.sj_vip::after {
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 8px;
}

.kcjs_head .price_box .yh_date {
    margin-left: 11px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}

.kcjs_head .validity_date {
    height: 30px;
    font-size: 14px;
    color: #999999;
}

.kcjs_head .btn_box {
    display: flex;
    padding-top: 25px;
}

.kcjs_head .btn_box .sk {
    background-color: #181c39;
    margin-right: 30px;
    box-shadow: 0px 4px 13px 0px rgba(8, 11, 33, 0.25);
}

.js_flex {
    display: flex;
}

.js_flex .xgjs_box {
    margin-left: 40px;
}

.xgjs_box {
    width: 289px;
    padding: 35px 16px 40px 25px;
    box-sizing: border-box;
    border: solid 1px #e7e9ef;
}

.xgjs_box h4 {
    font-size: 24px;
    color: #333333;
    font-weight: normal;
    padding-left: 32px;
    background: url(../images/js_title_icon.png) no-repeat center left / 22px;
    margin-bottom: 20px;
}

.js_flex .txt_box {
    flex: 1;
}

.xgjs_scroll {
    height: 548px;
    overflow-y: scroll;
    width: 100%;
    padding-right: 17px;
    box-sizing: border-box;
}

.xgjs_img {
    /* width: 229px; */
    width: 100%;
    padding-bottom: 111.7%;
    background-color: #9fa3ac;
    border-radius: 7px 7px 0px 0px;
    background-size: cover;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    display: block;
}

.xgjs_msg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 20px 10px 0 23px;
    box-sizing: border-box;
    color: #ffffff;
}

.xgjs_msg .name {
    display: block;
    font-size: 18px;
    margin-bottom: 12px;
}

.xgjs_msg .tab {
    display: block;
    font-size: 14px;
}

.xgjs_img::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 -22px 70px 35px #000000;
}

.search_page {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.search_page_box {
    padding: 75px 0 70px;
}

.search_big {
    display: flex;
}

.search_big input {
    width: 671px;
    height: 40px;
    border: solid 1px #e5e5e5;
    border-radius: 20px 0 0 20px;
    padding-left: 50px;
    font-size: 14px;
    background: url(../images/head_search.png) no-repeat center left 15px / 17px;
}

.search_big a {
    width: 67px;
    height: 40px;
    background-color: #EB6100;
    border-radius: 0 20px 20px 0;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search_sort_box {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    border-bottom: 1px solid #e7e9ef;
}

.search_sort {
    display: flex;
}

.sort_item {
    font-size: 14px;
    color: #666666;
    display: flex;
    align-items: center;
}

.sort_item>.val {
    margin-right: 5px;
}

.search_sort_box .sort_item .layui-input {
    width: 110px;
    display: inline-block;
    border: none;
    text-align: right;
    height: 32px;
}

.search_sort_box .sort_item.item1 {
    margin-right: 56px;
}

.search_sort_box .sort_item.item1 .layui-input {
    width: 90px;
}

.search_sort_box .sort_item .layui-form-select dl {
    padding: 0 7px;
    top: 30px;
}

.search_sort_box .sort_item .layui-form-select dl dd {
    line-height: 33px;
    text-align: center;
    background: none;
    font-size: 12px;
}

.sort_item .layui-form-select dl dd.layui-this {
    color: #EB6100;
}

.sp_fl {
    padding-top: 20px;
}

.sp_fl a {
    font-size: 16px;
    color: #999999;
    margin-right: 40px;
}

.sp_fl .active, .sp_fl a:hover {
    color: #EB6100;
}

.no_content h4 {
    font-size: 30px;
    color: #666666;
    line-height: 30px;
    padding: 50px 0 70px;
}

.no_content .jy {
    font-size: 18px;
    color: #666666;
    padding-bottom: 18px;
    border-bottom: 1px solid #e7e9ef;
    margin-bottom: 17px;
}

.no_content p {
    font-size: 16px;
    color: #666666;
    margin-bottom: 22px;
}

.search_content {
    padding-top: 49px;
}

.search_content .tips {
    font-size: 16px;
    color: #333333;
    padding-bottom: 23px;
}

.search_content .flex_item3 {
    margin-bottom: 30px;
}

.order_sub_box {
    padding: 38px 0 80px;
}

.order_sub {
    border: solid 1px #e7e9ef;
    padding: 22px 70px 32px;
}

.order_sub .m_check2 {
    padding-bottom: 32px;
}

.m_check2 .qrdd {
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    margin-left: 12px;
}

.order_sub .order_table {
    border: none;
}

.order_sub .order_table .order_tr .order_th {
    border-top: solid 1px #e7e9ef;
}

.order_sub .order_table .order_tr .order_th:first-child {
    width: 34%;
    border-left: solid 1px #e7e9ef;
    padding-left: 80px;
}

.order_sub .order_table .order_tr .order_th:last-child {
    border-right: solid 1px #e7e9ef;
}

.order_sub .order_table .order_tr {
    height: auto;
}

.order_sub .order_table .order_tr .order_td {
    padding: 25px 0;
    border-bottom: 1px solid #e7e9ef;
}

.order_sub_img {
    display: flex;
}

.order_sub_img img {
    width: 194px;
}

.order_sub_img span {
    display: inline-block;
    padding-top: 22px;
    margin-left: 18px;
    font-size: 18px;
    color: #333333;
    vertical-align: top;
    flex: 1;
}

.order_sub .order_table .price {
    text-align: center;
    font-size: 18px;
    color: #EB6100;
    padding-top: 25px;
}

.v_top {
    vertical-align: top!important;
}

.order_sub .order_table .num {
    text-align: center;
    font-size: 18px;
    color: #333333;
    padding-top: 25px;
}

.order_coupon_box {
    padding: 0 0 15px;
}

.order_coupon {
    background-color: #f7faff;
    border: solid 1px #e7e9ef;
    padding: 22px 48px 10px 35px;
    margin-top: 17px;
}

.money_icon {
    padding-left: 35px;
    font-size: 18px;
    color: #333333;
    background: url(../images/money_icon.png) no-repeat center left / 23px;
}

.doubt_icon {
    display: inline-block;
    padding-right: 19px;
    font-size: 16px;
    color: #333333;
    background: url(../images/doubt_icon.png) no-repeat center right / 13px;
}

.m_check3 {
    display: flex;
    align-items: center;
}

.m_check3 input {
    display: none;
}

.m_check3 span {
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check_event3:checked+span {
    border-color: #EB6100;
    background-color: #EB6100;
}

.check_event3:checked+span::before {
    content: '';
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGvmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA4LTA2VDExOjU2OjE5KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wOC0wNlQxMjowMDoyNiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wOC0wNlQxMjowMDoyNiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMjE5NDYzMi1jMjJhLTkzNGQtYTVmNy1mNDU2MDBjNzk1NjAiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3MmYyNDg3NS1kYjJiLTUxNDAtYWUyZC00MGRkZTYwYWM5YjciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmEyMTQzNy0yZTExLTIzNGItOWEyZi1hYjMwNjYwYmQzYTMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2YTIxNDM3LTJlMTEtMjM0Yi05YTJmLWFiMzA2NjBiZDNhMyIgc3RFdnQ6d2hlbj0iMjAyMC0wOC0wNlQxMTo1NjoxOSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMzY1NDVmYi00MTM1LWQ4NGUtOWRlOS04MWZiNWU4N2RhOTkiIHN0RXZ0OndoZW49IjIwMjAtMDgtMDZUMTE6NTk6NDIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YTIxOTQ2MzItYzIyYS05MzRkLWE1ZjctZjQ1NjAwYzc5NTYwIiBzdEV2dDp3aGVuPSIyMDIwLTA4LTA2VDEyOjAwOjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jkgaeQAAAs9JREFUaIHtmLtrVEEUhz8jiigSjUTjg/iKUaKgUUQlKkZQsBAESyvtLBS0sLG18b+w0E5bGy3EF1gIguDbhIgYkxBCxCiC+lnMBsK6c/fu7t14V/YHF/bOmTlnvnvOzJ29c1T+B7X86wlkpSZI3tQEyZuaIHlTI4L0As+AKeAW0A4wp8FeiHuBh8DcGW33gdONBLIbeATMK2G72iiltRN4QGkIABshI73AY2BBxH4HOJN3kO0EiIUR+3NgHzCV59LaRiinGMQL4ABh98rt9ttD2J0WR+yvgP3A5HRDHkG2ECBaI/Y3BIiJmY15A9lM2GKXRuzvCBDjxYY8gXQTINoi9gGgDxgrZSwGWUR8r66nNhHKaVnEPkiAGI05mAZpBW4CXwuDDmU2xfLqImSiPWIfIpTT50Qv6nL1tn+rX6XO1wb1c4nY0/qgrknjC/VKxMkvdU8dIdarwwkQH9XOtP5aiO/VLcA9whEha60jlFNHxD5MKKcPqT2qXer9hCczqfZkmInOwtOOabiQrYr8Tv9YqQ4mOB8tANcbYkTdWI3vmTdrDIsrpk/q2hogyvkfUzdV67+4YW1hwjENqauqCLS6MDamcbW7hof0FwiG1I4kBB1QOyoIUq5sJ9QttUDEQCg4nkgI/lZtTwkxkOBnUt1aK0QSCOoO9XvCJF6qSxLGr1DfJ4z/om7LAqIcCGpfwkRUn6rzS4xrN2Qtpil1e1YQaUBQj5SBeVDUv019ndD/myHbmUGkBUE9XgbmbqHfPPVFQr8f6q6sIdSKPtCdJJyQY7oGLAFOROw/CceOJ2kDVqJKv6KcAq5XEec3cJBwvqqLKv2HeAM4U0WcfuoIAaReI8XX2TJrZqYO12NNFF+1DL6QAuLobEDUCoJ6KQHi2GxBZAGCerkExPnZhMgKBPWc4W09rl6cbQit7D2Sa+XpA11NaoLkTU2QvKkJkjf9Aet4FQgWqa6rAAAAAElFTkSuQmCC) no-repeat center / 100%;
}

.doubt_icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/doubt_icon.png) no-repeat center / 13px 13px;
}

.order_coupon .title {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333333;
    padding-bottom: 25px;
}

.order_coupon .title p {
    margin-left: 12px;
}

.order_coupon_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.order_coupon_list::after {
    content: '';
    width: 31.2%;
    height: 0;
}

.order_coupon_item {
    width: 31.2%;
    height: 124px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
    color: #ffffff;
    padding: 10px 0 3px 23px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 20px;
}

.order_coupon_item.status1 {
    background-image: url(../images/order_coupon1.png);
}

.order_coupon_item.status2 {
    background-image: url(../images/order_coupon2.png);
}

.order_coupon_item .price {
    margin-bottom: 5px;
}

.order_coupon_item .price .num {
    font-size: 44px;
    line-height: 44px;
}

.order_coupon_item .price .unit {
    font-size: 20px;
    vertical-align: top;
}

.order_coupon_item .price .juan {
    font-size: 12px;
    vertical-align: bottom;
}

.order_coupon_item .tj {
    font-size: 12px;
    margin-bottom: 5px;
}

.order_coupon_item .date {
    opacity: 0.8;
    font-size: 12px;
}

.order_coupon_item .check span {
    position: absolute;
    top: 8px;
    right: 13px;
    font-size: 14px;
    opacity: 0;
}

.order_coupon_item .check .icon {
    position: absolute;
    right: 14px;
    bottom: 10px;
    background-color: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
}

.order_coupon_item.active .check .icon, .order_coupon_item.active .check span {
    opacity: 1;
}

.order_settle {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.order_settle p {
    font-size: 14px;
    color: #333333;
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.order_settle p span {
    color: #EB6100;
    font-size: 18px;
    margin-left: 14px;
}

.order_jt {
    padding: 72px 0;
}

.order_jt .tag {
    font-size: 18px;
    color: #333333;
    background: url(../images/user_left_icon20_2.png) no-repeat center left / 19px;
    padding-left: 33px;
    font-weight: 600;
}

.order_jt_box {
    padding-top: 14px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.order_jt_box .title {
    display: flex;
    align-items: center;
}

.order_jt_box .title p {
    font-size: 16px;
    color: #333333;
    margin-left: 12px;
}

.order_jt_input {
    width: 227px;
    margin: 0 17px 0 22px;
}

.order_jt_input input {
    width: 100%;
    height: 40px;
    border: solid 1px #e7e9ef;
    padding-left: 20px;
    font-size: 16px;
}

.my_jt {
    font-size: 16px;
    color: #333333;
}

.my_jt .m_color {
    font-weight: 600;
}

.home_banner_box {
    position: relative;
    padding-bottom: 30%;
}

.home_banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 100;
}

.home_banner .img {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.home_banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #ffffff;
    opacity: 0.5;
    transition: all .3s;
}

.home_banner .swiper-pagination-bullet-active {
    width: 20px;
    opacity: 1;
}

.home_item2 {
    padding: 35px 0 27px;
}

.type_swiper2 {
    display: flex;
}

.type_swiper2 a {
    font-size: 18px;
    color: #666666;
    margin-right: 40px;
}

.home_page .m_title2 {
    display: flex;
    margin-bottom: 35px;
}

.m_title2 .type_swiper2 {
    margin-left: 90px;
    padding-top: 21px;
}

.type_swiper2 .active, .type_swiper2 a:hover {
    color: #EB6100;
    position: relative;
}

.type_swiper2 .active::before, .type_swiper2 a:hover::before {
    content: '';
    position: absolute;
    width: 35px;
    height: 4px;
    background-color: #EB6100;
    border-radius: 2px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.m_title2 .btn_icon2 {
    margin-left: auto;
}

.home_item2_box {
    display: flex;
}

.home_item2_box .l .img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 440px;
    height: 358px;
    border-radius: 7px 7px 0px 0px;
    position: relative;
    overflow: hidden;
}

.home_item2_box .l .img::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 -10px 59px 27px #000000;
}

.home_item2_box .r {
    flex: 1;
}

.home_item2_box .r .img_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 20px;
}

.home_item2_box .r .img_box::after {
    content: '';
    width: 303px;
    height: 0;
}

.sp_hove_box:hover .play_icon {
    display: none;
}

.sp_hove_box:hover .play_icon2 {
    transition: all .3s;
    visibility: visible;
    top: 30px;
}

.play_icon {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 50px;
    left: 14px;
    background: url(../images/play_icon.png) no-repeat center / 100% 100%;
}

.play_icon2 {
    visibility: hidden;
    position: absolute;
    width: 55px;
    height: 55px;
    bottom: 50px;
    top: 50px;
    left: 50%;
    margin-left: -28px;
    background: url(../images/play_icon.png) no-repeat center / 100% 100%;
    
}

.sp_hove_box:hover .play_icon2.big {
    top: 110px;
}

.play_icon2.big {
    width: 84px;
    height: 84px;
    margin-left: -42px;
    top: 150px;
}

.home_item2_box .r .img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 303px;
    height: 168px;
    position: relative;
    overflow: hidden;
    border-radius: 7px 7px 0px 0px;
    margin-bottom: 20px;
}

.home_item2_box .r .img::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    transition: all .3s;
 	/*box-shadow: 0 -10px 42px 26px #000000;*/
    box-shadow: 0 -10px 65px 45px #000000;
}

.home_item2_box .r .img:hover::before {
    box-shadow: 0 -42px 88px 35px #000000;
}

.sp_hove_box:hover .img_p {
    display: none;
}

.sp_hove_box:hover .sp_hove_msg {
    transition: all .3s;
    visibility: visible;
    bottom: 0;
}

.img_p {
    font-size: 15px;
    color: #ffffff;
    position: absolute;
    bottom: 13px;
    left: 14px;
    right: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sp_hove_msg {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 14px 13px;
    color: #ffffff;
    visibility: hidden;
}

.sp_hove_msg .p1 {
    display: flex;
    justify-content: space-between;
}

.sp_hove_box .p1 {
    min-height: 31px;
    position: relative;
    /* width: 160px; */
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.sp_hove_box .p2 {
    width: 160px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.sp_hove_msg .p1 .name {
    font-size: 14px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sp_hove_msg .p1 .price {
    font-size: 22px;
    position: absolute;
    top: 0;
    right: 0;
}

.sp_hove_msg .p1 .price span {
    font-size: 12px;
}

.sp_hove_msg .p1 .price_mf {
    font-size: 22px;
    position: absolute;
    top: 10px;
    right: 0;
}

.sp_hove_msg .p2 {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.sp_hove_msg .p3 {
    position: absolute;
    right: 14px;
    bottom: 13px;
    text-align: center;
}

.sp_hove_msg .p3 .price2 {
    font-size: 22px;
}

.sp_hove_msg .p3 .price2 span {
    font-size: 12px;
}

.sp_hove_msg .p3 .vip_price {
    font-size: 12px;
}

.home_item3 {
    background-color: #f3f5fa;
    padding: 35px 0;
}

.home_item3_box {
    display: flex;
}

.home_item3_box .home_item3_swiper {
    width: 1064px;
    height: 587px;
    overflow: hidden;
    position: relative;
}

.home_item3_swiper video {
    width: 100%;
    height: 100%;
    background: #000000;
}

.home_item3_box .r {
    float: 1;
    padding-left: 20px;
}

.home_item3_box .r .scroll_mh {
    width: 360px;
    height: 587px;
    overflow-y: scroll;
}

.home_item3_box .r .img {
    display: block;
    width: 335px;
    height: 190px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}

.home_item3_box .r .img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    box-shadow: 0 -10px 42px 26px #000000;
}

.home_item4 {
    padding: 35px 0;
    overflow: hidden;
}

/* .home_item4 .expert_box{
    display: block;
    overflow: auto;
    white-space: nowrap;
    font-size: 0;
}

.home_item4 .expert_box  .expert_item{
    display: inline-block;
    margin-right: 23px;
}

.home_item4 .expert_box::-webkit-scrollbar {
    width: 3px;
    height: 3px;
} */

/*滚动条里面小方块样式*/

/* .home_item4 .expert_box::-webkit-scrollbar-thumb {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #EB6100;
} */

/*滚动条里面轨道样式*/

/* .home_item4 .expert_box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
} */

.home_item4 .expert_item {
    width: 100%;
}

.home_item4 .expert_item .txt {
    height: 124px;
    padding-top: 34px;
}

.home_item4 .expert_item .txt .name {
    font-size: 22px;
    margin-bottom: 18px;
}

.home_item4_swiper {
    overflow: hidden;
}

.home_item4 .swiper4-pagination {
    display: flex;
    height: 3px;
    background-color: #f3f5fa;
    margin-top: 20px;
}

.home_item4 .swiper-pagination-bullet {
    background: transparent;
    flex: 1;
    border-radius: 3px;
    height: auto;
}

.home_item4 .swiper4-pagination .swiper-pagination-bullet-active {
    background-color: #EB6100;
}

.zjxq_head {
    padding: 28px 0;
}

.zjxq_head_box {
    display: flex;
}

.zjxq_head_box .l .img {
    width: 327px;
    height: 382px;
    border-radius: 7px 0px 0px 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.zjxq_head_box .r {
    flex: 1;
    padding: 18px 78px 0;
    border: solid 1px #e7e9ef;
    border-left: none;
}

.zjxq_head_box .r h4 {
    display: flex;
    align-items: center;
    font-size: 30px;
    color: #333333;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: solid 1px #e7e9ef;
}

.zjxq_head_box .r h4 .tab {
    font-size: 14px;
    color: #EB6100;
    padding: 15px 0 0 30px;
}

.zjxq_head_box .r h4 .small {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.zjxq_head_box .r h4 .small span {
    font-size: 14px;
    color: #999999;
    margin-right: 13px;
}

.zjxq_head_box .r h4 .sc_icon {
    margin-left: 20px;
}

.zjxq_head_box .r>p {
    line-height: 34px;
    color: #666666;
    font-size: 16px;
}

.zj_item2 .video_title {
    margin-bottom: 18px;
}

.zj_item2_box {
    display: flex;
    transition: all .3s;
    margin-bottom: 30px;
}

.zj_item2_box .l .img {
    width: 440px;
    height: 247px;
    border-radius: 7px 0px 0px 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.zj_item2_box .r {
    flex: 1;
    padding: 40px 40px 0;
    border: solid 1px #e7e9ef;
    border-left: none;
}

.zj_item2_box .r h4 {
    font-size: 22px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 20px;
}

.zj_item2_box .txt {
    display: flex;
    align-items: center;
    padding-bottom: 22px;
    border-bottom: solid 1px #e7e9ef;
}

.zj_item2_box:hover {
    box-shadow: 0px 10px 35px 0px #e2e9ef;
}

.zj_item2_box .txt p {
    color: #999999;
    font-size: 14px;
    margin-right: 40px;
}

.zj_item2_box .page_num_box {
    justify-content: left;
    padding-top: 30px;
}

.zj_item2_box .page_num a:first-child {
    margin-left: 0;
}

.blds_head .kc_item2 .l {
    width: 600px;
    height: 337px;
}

.blds_head .kc_item2:hover {
    box-shadow: none;
}

.blds_head .kc_item2 .r .btn_icon2 {
    display: block;
    margin-top: 45px;
}

.blds_page {
    padding: 30px 0 70px;
}

.blds_item2 .m_title2 {
    margin-bottom: 25px;
}

.blds_head .kc_item2 .msg {
    font-size: 16px;
    color: #666666;
}

.blds_head .kc_item2 .title {
    font-size: 26px;
    padding: 39px 0 24px;
}

.big_img {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    z-index: -1;
}

.big_img.active {
    z-index: 1000;
    visibility: visible;
}

.max_center {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.big_img_swiper {
    width: 1200px;
    padding: 40px 50px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.big_img_swiper .swiper-wrapper {
    align-items: center;
}

.big_img_swiper .swiper-slide {
    display: flex;
    align-items: center;
}

.big_img_swiper img {
    width: 100%;
    border-radius: 20px 20px 0 0;
}

.big_img_prev, .big_img_next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #9A9B9D;
    border-radius: 3px;
    box-sizing: border-box;
    margin-top: -20px;
}

.big_img_prev:hover, .big_img_next:hover {
    background-color: #EB6100;
    border-color: #EB6100;
}

.big_img_prev {
    left: 0;
    transform: rotate(180deg);
    box-shadow: none;
}

.big_img_next {
    right: 0;
    box-shadow: none;
}

.big_gb {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20%;
    right: 15px;
    border: 1px solid #9A9B9D;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5) url(../images/close2.png) no-repeat center / 17px;
}

.blds_item2 {
    padding-top: 0;
}

.m_title2_box {
    display: flex;
    justify-content: center;
    height: 86px;
    padding-top: 11px;
    box-sizing: border-box;
}

.m_title2_box .m_title2 {
    display: inline-block;
    margin: 0;
}

.m_title2_box .m_title2 span {
    font-size: 36px;
}

.screen_list.screen_min22 {
    align-items: center;
    min-height: 22px;
}

.user_page.kc_pad30 {
    padding-top: 30px;
}

.xlkc_item1_box {
    display: flex;
}

.xlkc_item1_box .l {
    /* width: 11.14rem; */
    flex: 1;
}

.xlkc_item1_box .r {
    width: 235px;
    padding-left: 48px;
}

.xlkc_item1_box .r .ggl_r {
    margin-left: 0;
    width: 100%;
}

.blds_item2_box .kc_item2 {
    margin-bottom: 25px;
}

.m_xian {
    position: fixed;
    width: 100%;
    height: 5px;
    background: red;
    top: 2764px;
    left: 0;
}

.sp_prev, .sp_next {
    position: absolute;
    top: 240px;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 16px;
    z-index: 20;
    cursor: pointer;
    outline: none;
}

.sp_prev {
    left: 0;
    background-image: url(../images/sp_l.png);
}

.sp_next {
    right: 0;
    background-image: url(../images/sp_r.png);
}

.home_item3_swiper .sp_hove_msg {
    bottom: 0;
    visibility: visible;
}

.home_item3_swiper .sp_hove_msg::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    box-shadow: 0 -6px 54px 29px #000000;
}

.home_item3_swiper .sp_hove_msg .p1, .home_item3_swiper .sp_hove_msg .p2 {
    position: relative;
    z-index: 2;
}

.home_item3_swiper .sp_hove_msg .p1 {
    min-height: 30px;
}

.home_item3_swiper .sp_hove_msg .p3 {
    position: absolute;
    display: flex;
    align-items: flex-end;
    right: 55px;
    bottom: 25px;
}

.home_item3_swiper .sp_hove_msg .p3 .price2 {
    margin-right: 15px;
    line-height: 15px;
}

.home_item3_swiper .sp_hove_msg .name {
    font-size: 18px;
}

.home_item3_swiper .sp_hove_msg .price {
    font-size: 22px;
    right: 20px;
}

.home_item3_swiper .sp_hove_msg .price_mf {
    right: 20px;
}

.video_big {
    width: 100%;
    height: 619px;
}

.order_pay_page {
    padding: 55px 0 80px;
}

.order_pay_box {
    background-color: #ffffff;
    border: solid 1px #e7e9ef;
    padding: 44px 200px;
}

.order_pay_tag {
    display: flex;
    align-items: center;
    padding: 26px 30px;
    background-color: #f7faff;
    border: solid 1px #e5e5e5;
}

.order_pay_tag .suc {
    width: 68px;
    height: 68px;
    background: url(../images/gou.png) no-repeat center / 100% 100%;
    margin-right: 19px;
}

.order_pay_tag .suc2 {
    width: 68px;
    height: 68px;
    background: url(../images/gou2.png) no-repeat center / 100% 100%;
    margin-right: 19px;
}

.order_pay_tag .order_ts .type {
    font-size: 20px;
    color: #333333;
    margin-bottom: 10px;
}

.order_pay_tag .order_ts .msg {
    font-size: 16px;
    color: #666666;
}

.order_pay_tag .r {
    margin-left: auto;
    text-align: right;
}

.order_pay_tag .order_num {
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}

.order_pay_tag .order_price {
    font-size: 16px;
    color: #333333;
}

.order_pay_tag .order_price .price {
    font-size: 24px;
    color: #EB6100;
}

.order_pay_type h4 {
    font-size: 18px;
    color: #333333;
    padding: 42px 0 18px;
    font-weight: 500;
}

.order_pay_type .box {
    display: flex;
    align-items: center;
    padding: 36px 8px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.order_pay_type .box .m_radio {
    margin-right: 165px;
}

.m_radio {
    display: flex;
    align-items: center;
}

.radio_type {
    display: none;
}

.m_radio .vip {
    font-size: 14px;
    color: #999999;
    padding-right: 7px;
}

.m_radio .radio_ys {
    width: 14px;
    height: 14px;
    border: solid 1px #a0a0a0;
    border-radius: 50%;
    position: relative;
    box-sizing: border-box;
}

.radio_type:checked+.radio_ys::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #EB6100;
    border-radius: 50%;
}

.m_radio .zfb {
    width: 31px;
    height: 31px;
    background: url(../images/pay_zfb.png) no-repeat center / 100%;
    margin: 0 11px 0 17px;
}

.m_radio .wx {
    width: 36px;
    height: 30px;
    background: url(../images/pay_wx.png) no-repeat center / 100%;
    margin: 0 11px 0 23px;
}

.m_radio .ka {
    width: 35px;
    height: 25px;
    background: url(../images/pay_ka.png) no-repeat center / 100%;
    margin: 0 11px 0 25px;
}

.m_radio .tag {
    font-size: 16px;
    color: #666666;
}

.order_pay_btn {
    padding: 30px 0 40px;
}

.order_pay_tips {
    background-color: #f7faff;
    border: solid 1px #e5e5e5;
    padding: 39px 35px;
}

.order_pay_tips .tag {
    font-size: 14px;
    color: #EB6100;
    margin-bottom: 20px;
}

.order_pay_tips p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
}

.video_mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.video_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #ffffff;
    width: 350px;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    overflow: hidden;
    z-index: 100;
}

.video_popup .msg {
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding: 38px 15px 30px;
}

.video_popup .btn {
    display: flex;
}

.video_popup .btn>div {
    width: 50%;
    line-height: 58px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}

.video_popup .btn .no {
    background: #555555;
}

.video_popup .btn .yes {
    background: #EB6100;
}

.order_msg_btn {
    display: flex;
    justify-content: center;
    padding: 9px 0 48px;
}

.order_msg_btn a {
    width: 155px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 24px;
    border: solid 1px #e5e5e5;
    font-size: 16px;
    color: #999999;
    margin: 0 13px;
}

.dgzh_msg {
    font-size: 14px;
    color: #666666;
    padding: 30px 35px;
}

.dgzh_msg p {
    line-height: 36px;
}

.wx_pay_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1111;
}

.wx_pay_box {
    display: flex;
    position: absolute;
    top: 50%;
    width: 996px;
    left: 50%;
    transform: translate(-50%, -32%);
    background: #ffffff;
    padding: 55px 135px 55px 156px;
    box-sizing: border-box;
    border-radius: 4px;
}

.wx_pay_box .l {
    width: 238px;
    padding-top: 63px;
}

.wx_pay_box .l .img_box {
    border: 1px solid #e7e9ef;
    padding: 11px;
}

.wx_pay_box .l .wxqr_msg {
    display: flex;
    padding: 22px 18px 0 15px;
    align-items: center;
}

.wx_pay_box .wxqr_msg .shaoma_icon {
    width: 48px;
    height: 38px;
    background: url(../images/saomiao.png) no-repeat center / 100% 100%;
}

.wx_pay_box .wxqr_msg .txt {
    flex: 1;
    line-height: 28px;
    font-size: 18px;
    color: #181c39;
    padding-left: 10px;
}

.wx_pay_box .r {
    flex: 1;
    padding-left: 133px;
}

.wx_pay_box .r img {
    width: 100%;
}

.jintie_page {
    padding: 7px 0 20px;
}

.jintie_price {
    line-height: 1;
    color: #666666;
    padding: 0 0 33px;
    border-bottom: 1px solid #e7e9ef;
}

.jintie_price .unit {
    font-size: 48px;
}

.jintie_price .integer {
    font-size: 48px;
    font-weight: 600;
}

.jintie_price .decimal {
    font-size: 29px;
}

.jintie_price .date {
    font-size: 18px;
    color: #666666;
    padding-left: 35px;
    color: #EB6100;
}

.jintie_duihuan {
    padding: 0 0 42px;
    border-bottom: 1px solid #e7e9ef;
}

.jt_input1 {
    display: flex;
    /* padding-bottom: 50px; */
}

.jt_input_box {
    display: flex;
}

.jintie_duihuan .tag {
    font-size: 18px;
    color: #666666;
    padding-right: 14px;
    padding-top: 12px;
}

.jintie_duihuan input {
    height: 47px;
    border: solid 1px #e7e9ef;
    padding-left: 15px;
    font-size: 18px;
}

.jt_input1 .value {
    width: 234px;
}

.jt_input1 .value input {
    width: 100%;
}

.jt_input1 .tips {
    font-size: 18px;
    color: #666666;
    padding-top: 20px;
}

.jt_input2 {
    display: flex;
    margin-left: auto;
}

.jt_input2 .tips {
    /* width: 100%; */
    font-size: 18px;
    color: #666666;
    padding-top: 20px;
}

.jt_input2 .value {
    display: flex;
    /* align-items: end; */
    flex-wrap: wrap;
}

.jt_input2 .value input {
    width: 140px;
}

.jt_input2 .value .yzm_img {
    height: 47px;
    margin-left: 22px;
}

.jt_input2 .value .yzm_img img {
    height: 100%;
}

.jt_input2 .value .reset_code {
    font-size: 18px;
    color: #666666;
    margin-left: 16px;
    margin-top: 12px;
}

.jt_sub {
    margin-left: 32px;
}

.jt_sub .btn {
    width: 134px;
    height: 45px;
    background-color: #EB6100;
    text-align: center;
    line-height: 45px;
    color: #ffffff;
    border: none;
    font-size: 16px;
    /* margin-left: 127px; */
}

.jt_record {
    padding-top: 36px;
}

.jt_record .page_num_box {
    margin-bottom: 43px;
}

.jt_history {
    margin: 0 0 0 auto!important;
    font-size: 18px!important;
    color: #999999!important;
    padding-left: 24px;
    background: url(../images/ls_time.png) no-repeat center left / 16px;
}

.jt_record_box {
    min-height: 459px;
    padding-top: 30px;
    box-sizing: border-box;
}

.jt_record_box .item {
    display: flex;
    height: 76px;
    align-items: center;
    border-bottom: 1px solid #ebeef3;
    font-size: 16px;
    color: #999999;
}

.jt_record_box .item .order_num {
    width: 700px;
}

.jt_explain {
    margin-left: 280px;
    margin-top: 63px;
    border: solid 1px #e7e9ef;
    padding: 40px 32px 60px;
    position: relative;
    height: 338px;
    overflow: hidden;
    box-sizing: border-box;
}

.jt_table_box {
    margin-top: 38px;
    min-height: 490px;
}

.jt_table {
    display: table;
    width: 100%;
    text-align: center;
}

.jt_table .tr {
    display: table-row;
}

.jt_table .th, .jt_table .td {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}

.jt_table .th {
    font-size: 16px;
    color: #333333;
}

.jt_table .tr:first-child {
    background-color: #f8fbff;
    border: solid 1px #e7e9ef;
}

.jt_table .td {
    font-size: 14px;
    color: #999999;
}

.jt_table .tr .td:nth-of-type(1) {
    width: 20%;
}

.jt_table .tr .td:nth-of-type(3) {
    width: 20%;
}

.jt_explain.active {
    height: auto;
}

.jt_explain .content {
    opacity: 0;
}

.jt_explain.active .content {
    opacity: 1;
}

.jt_explain .tag {
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.jt_explain .tag span {
    padding-left: 27px;
    background: url(../images/dengpao_icon.png) no-repeat center left / 16px;
}

.jt_explain .content img {
    max-width: 100%;
}

.sylc_title {
    font-size: 68px;
    line-height: 1;
    color: #767676;
    text-align: center;
    font-weight: 600;
    margin: 72px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sylc_title span {
    margin: 0 30px;
    letter-spacing: 8px;
}

.sylc_title::before {
    content: '';
    flex: 1;
    height: 4px;
    background-image: linear-gradient(to left, #767676, #ffffff);
}

.sylc_title::after {
    content: '';
    flex: 1;
    height: 4px;
    background-image: linear-gradient(to right, #767676, #ffffff);
}

.jt_explain .more {
    font-size: 18px;
    color: #2B6CAF;
    position: absolute;
    left: 32px;
    bottom: 28px;
}

.jt_explain .more:hover {
    /* color: #EB6100; */
}

.explain_btn {
    margin-left: 280px;
    padding-top: 47px;
}

.jt_more {
    padding-left: 33px;
    font-size: 18px;
    color: #666666;
}

.jt_nodata {
    padding-top: 118px;
}

.jt_nodata .icon {
    width: 234px;
    height: 185px;
    margin: 0 auto 42px;
    background: url(../images/kong.png) no-repeat center right 10px/ auto 100%;
}

.jt_nodata p {
    text-align: center;
    color: #666666;
    font-size: 18px;
}

.jintie_duihuan.duihuan_zx {
    padding-top: 14px;
}

.lxwm img {
    max-width: 100%;
}

.duihuan_zx .title {
    font-size: 18px;
    color: #333333;
    padding-bottom: 26px;
}

.jt_advert {
    padding: 33px 0;
    border-bottom: 1px solid #e7e9ef;
}

.jt_advert img {
    width: 100%;
}

.jt_record.duihuan_jl {
    padding-top: 44px;
}

.duihuan_jl .jt_record_box {
    padding-top: 0;
    min-height: 480px;
}

.duihuan_jl .title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.duihuan_jl .title .tag {
    font-size: 18px;
    color: #666666;
}

.duihuan_jl .title .jt_history {
    font-size: 16px;
    color: #999999;
    margin-right: 0;
}

.controlbgbarchnmsshvdasb {
    opacity: 0.3!important;
}

.vip_mf {
    display: inline-block;
    position: relative;
    padding: 2px 8px 3px;
    /* line-height: 25px; */
    font-size: 14px;
    background: #EB6100;
    color: #ffffff;
    margin-left: 9px;
}

.vip_mf::before {
    content: '';
    position: absolute;
    /* border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid #EB6100; */
    width: 8px;
    height: 10px;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAgCAYAAAAWl4iLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAxLTEzVDE2OjUyOjIwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMS0xM1QxNjo1MzoyMyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMS0xM1QxNjo1MzoyMyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmODViMGVkZC03ZTQ0LTk4NDEtYjU4YS0yNjAzMWY0MTIwYTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Zjg1YjBlZGQtN2U0NC05ODQxLWI1OGEtMjYwMzFmNDEyMGEwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Zjg1YjBlZGQtN2U0NC05ODQxLWI1OGEtMjYwMzFmNDEyMGEwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmODViMGVkZC03ZTQ0LTk4NDEtYjU4YS0yNjAzMWY0MTIwYTAiIHN0RXZ0OndoZW49IjIwMjEtMDEtMTNUMTY6NTI6MjArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tUy9OAAABXUlEQVRIibWWMU7DMBSGP4eiCnVAXIAJJFiKEq+dOjBxAqYOnVgYYS0LSB1IgnsFTsACd2DgFgxIJBmQEGofQ6ioSpQ4iflH++mT5U/2e/APSf1wolwCM313MJf5TKGGzsCJjsYIBugCtAa/9qe9rc6mEdRodb0VONHxMSIG2F/f85pCUz+eIPJYBIUGJ34Lbg87KANqWFZXC7wuqDU4F9Q1goxsD1EJzgUtZqD2bKFQIe/dj65yQfWgAJ2ixV9BlAoqy5+rSHQ0VoIRC0FWYOlPe1lNQZXgpoLK4rURVAre8OQJeHEJhZ+rEFBpEBngzCl4mVRHp5I/2R2nYIAPHe5+ipopOHEKXibx4wuU3DgHA2Q6HCzEMyBHTsHQXKz1f1xXrHVr2n4+vxf58gUebOobNdPEDy9R6to5GKrFtmr/gqg0iAvFOpmEisQ2nitWUyTW6VAIdmIbJ9Ph4BvcH4pV0MARWgAAAABJRU5ErkJggg==) no-repeat center / 100% 100%;
}

.flex_item3 .price_vipmf {
    font-size: 25px;
    color: #EB6100;
    margin-right: 3px;
}

.flex_item3 .vip_mf {
    font-size: 12px;
}

.flex_item3 .vip_mf::before {
    /* border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid #EB6100; */
    border: none;
    width: 7px;
    height: 8px;
    left: -7px;
}

.xmg-a {
    padding: 0 0 61px;
}

.xmg-a .xmg-b {
    display: flex;
    align-items: center;
}

.xmg-a .xmg-b .xmg-bspan {
    font-size: 30px;
    color: #333333;
    margin: 0 18px;
}

.xmg-a .xmg-b::before {
    content: '';
    flex: 1;
    height: 23px;
    background: url(../images/xian_l.png) no-repeat center / 100%;
}

.xmg-a .xmg-b::after {
    content: '';
    flex: 1;
    height: 23px;
    background: url(../images/xian_r.png) no-repeat center / 100%;
}

.xmg-a .xmg-c {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 38px;
}

.xmg-a .xmg-d {
    display: flex;
    align-items: center;
}

.xmg-a .xmg-d .xmg-e {
    width: 70px;
    height: 90px;
    border: solid 1px #e7e9ef;
    font-size: 45px;
    color: #EB6100;
    line-height: 90px;
    text-align: center;
    font-family: Roboto-Regular;
}

.xmg-a .xmg-d .xmg-f {
    font-size: 14px;
    color: #999999;
    margin: 10px 10px 0;
}

.xm-a {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.xm-a .select-w {
    width: 30%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    padding-right: 30px;
    position: relative;
    white-space: nowrap
}

.xm-a .select-w .cur {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xm-a .select-w select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.xm-a .select-w:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    width: 10px;
    height: 10px;
    background-image: url('../images/a48.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.kcjs_video{
    width: 700px;
    height: 394px;
    position: relative;
}

.kcjs_video .video_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kcjs_video .video_box video{
    width: 100%;
    height: 100%;
    background: #000;
    outline: none;
}

.video_yg{
    display: flex;
    justify-content: space-between;
    /* padding-top: 10px; */
    flex-wrap: wrap;
}

.video_yg .item{
    width: 19.7%;
    font-size: 14px;   
    color: #333333;
    
    line-height: 45px;
    text-align: center;
    background-color: #ddddde;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
}

.video_yg .item:hover,.video_yg .item.active{
    color: #ffffff;
    background-color: #181c39;
}

.video_yg .zw{
    width: 19.7%;
    height: 0;
}