/*全局样式*/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y;font-weight: normal; }
html {font:10px "syst","Microsoft YaHei";font-weight: normal;-webkit-text-size-adjust: 100%;}
body {position: relative;background: #000;font-size: 10px; -webkit-text-size-adjust: none;/*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0); }
/*input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}*/
ul,ul li,li {list-style: none;padding: 0;margin: 0;}
/*table {border-collapse: collapse;border-spacing: 0}*/
/*table td {border-collapse: collapse;}*/
/*select, input, textarea {color: #333;border-radius: 0;-webkit-border-radius: 0;border:none;}*/
/*img{border: none;max-width: 100%;width: 100%;vertical-align: middle;}*/
/*a {color: #333;text-decoration: none;cursor: pointer;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);!* 去掉链接触摸高亮 *!}*/
/*a:hover {text-decoration: none;}*/
/*a:focus {outline: none;-moz-outline: none;}*/
/*input,input:focus,input:active{user-select: text;}*/
input::-webkit-input-placeholder {color: #90a2bd;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}/*清除浮动代码*/
.clearfloat{zoom:1}
*,p,h5{margin: 0;padding: 0;}
a{cursor: pointer;text-decoration: none;}
.dropdown-item{cursor: pointer;}
a.btn,a.btn.show{border: none;}
img{border: none;max-width: 100%;vertical-align: middle;    width: 100%;}
@media(max-width:1650px){
    .title span{font-size: 5rem;    min-width: 214px; }
    .auto-1400 {max-width: 1100px;}
}
@media(max-width:1400px){
    .auto-1400 {max-width: 1000px;}
}
@media(max-width:824px){
    body{font-size: 8px;}
    .title span{font-size: 3rem;}
}

.new-top{display: block;justify-content: space-between;align-items: center;}
.search-box{display: flex;justify-content: flex-end}
.search{display: flex;align-items: center;width:26%; }
.search .input-box{position: relative;flex: 1 1 auto;border-radius: 0;}
.search .input-box input{font-size: 1.2rem;line-height: 3rem;width: 100%;background: #212834;border: none;border: 1px #63748f solid;padding-left: 2rem;color: #fff;}
.search .input-box span.icon{position: absolute;width: 1.2rem;top: 50%;left: 0.5rem;transform: translate(0,-60%);}
.search .btn{background: #63728f;cursor: pointer;line-height: 3rem;text-align: center;border: 1px #63748f solid;font-size: 1.3rem;color: #fff;width: 5rem;}
.search .btn:hover{background:#c5c3fc;color:#212234 }
.inner-box{position: relative;overflow: hidden;background: url(../images/bg.jpg)no-repeat center center;background-size: 100% 100%;transition: all 0.5s ease;margin-top: -1px;}
.banner{position: relative;overflow: hidden;}
.banner:after{position: absolute;content: "";width: 100%;height: 165px;bottom: 0%;left: 0;background: url(../images/banner-b.png)no-repeat center center;background-size: 100% 100%;}
.auto-1200{margin: 1% auto 0;max-width: 1200px;}
.nav-top{color: #4c4a73;font-size: 1.7rem;font-weight: bold;position: relative;line-height: 4rem;text-align: center;margin-bottom: 1%;}
/*.nav-top:after{position: absolute;content: "";width: 42%;height: 15%;bottom: 120%;left: 30%;background: url(../images/title-b.png)no-repeat center center;background-size: 100% 100%;}*/
.nav-top .swiper-slide{cursor: pointer;position: relative;background: #313f4b;border: 1px #3f5162 solid;margin: 0 1rem;color: #9094bd;display: inline-block;min-width: 7rem;text-align: center;width: initial;}
.nav-top .swiper-slide:before{display:none;position:absolute;width: 1.5rem;height: 100%;content: "";top:0;right:100%;background: url(../images/btn-zs.png)no-repeat center center;background-size: 100% 100%;}
.nav-top .swiper-slide:after{display:none;position:absolute;width: 1.5rem;height: 100%;content: "";top:0;left:100%;background: url(../images/btn-zs.png)no-repeat center center;background-size: 100% 100%;transform: rotateY(180deg);}
.nav-top .swiper-slide:hover a{color: #fff;}
.nav-top .swiper-slide.active{color: #252751;background: #e8e8e8;}
.nav-top .swiper-slide.active:before,.nav-top .swiper-slide.active:after{display: block;}
.nav-top .swiper-slide a{display: block;padding: 0 1rem;    color: #90a2bd;}
.nav-top .swiper-slide.active a{color:#252751; }
.nav-top .swiper-slide.active:hover a{color:#252751; }

.nav-bot{margin: 2% 0;position: relative;background: url(../images/inner-bg.png)no-repeat center center;background-size: 100% 100%;}
.nav-bot .li dl{overflow: hidden;margin-bottom: 8%;}
.nav-bot .li{display: none;position: relative;z-index: 2;cursor: pointer;padding: 1% 0;}
.nav-bot .li.active{display: block;position: relative;}
.nav-bot .li h3{text-align: center;font-size: 1.6rem;margin: 3% auto;color: #c5c3fc;border: 2px #4d5170 solid;line-height: 3rem;padding: 1% 0.5%;display: block;width: 33%;}


.nav-bot .li dd{padding: 3% 6% 3% 3%;border-bottom: 1px #2f2f3e solid;position: relative;display: flex;align-items: center;
    -webkit-transition: transform 200ms ease-in-out;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;}
.nav-bot .li dd:hover{-webkit-transform: translate(20px, 0);transform: translate(20px, 0);}
.nav-bot .li dd:hover:after{position: absolute;content: "";width: 103%; height: 100%;bottom: 0;left: -3%;background: url(../images/choose-b.png)no-repeat center center;background-size: 100% 100%;}
.nav-bot .li dd a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.nav-bot .li dd time{width: 98px;height: 85px;position: relative;display: inline-block;color: #c8d9ff;border-right: 2px #4a5c73 solid;}
.nav-bot .li dd time:after{position: absolute;content: "";width: 51%;height: 1px;background: #c8d9ff;transform: rotate(-10deg);bottom: 34px;right: 30px;}
.nav-bot .li dd time b{position: absolute;top: 3px;left: 50%;transform:translate(-50%,0);font-size: 3rem;}
.nav-bot .li dd time span{font-size: 1rem;position: absolute;bottom: 11px;left: 50%;transform: translate(-50%,0);width: 100%;text-align: center;}
.nav-bot .li dd .li-inner{display: inline-block;flex:1 1 75%;margin:0 3%;}
.nav-bot .li dd .li-inner p{color: #fff;margin-top: 2%;font-size: 1rem;line-height: 2rem;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-inline-box;-webkit-line-clamp: 2;line-clamp: 2;}
.nav-bot .li dd .title{display: inline-block;vertical-align: top;font-size: 1.4rem;color: #c3dcfc;}
.nav-bot .li dd:hover .li-inner .title{display: inline-block;vertical-align: top;color: #202330;padding: 0 0.5%;background: #c3dcfc;}
.nav-bot .li .page{width: 100%;text-align: center;margin: 0 auto;margin-bottom: 3%;}
.nav-bot .li .page li{display: inline-block;}
.nav-bot .li .page li.prev, .nav-bot .li .page li.next{border: 2px #4d5170 solid;border-radius: 38px;width: 27px;height: 27px;}
.nav-bot .li .page li a{vertical-align: middle;margin: 0 5px;font-size: 18px;color: #6a7495;line-height: 1rem;}
.nav-bot .li .page li.active a{color: #85a6f9;text-decoration: underline;}
.nav-bot .li .page li:hover a{color: #85a6f9;}

.arrow{display: none;}
.nav-bot .li dd:hover .arrow{display: inline-block;}

.bqxx{background: #000;text-align: center;padding: 2% 0;}
.bqxx a{color: #a2b6d1;font-size: 1.2rem;line-height: 1.4rem;text-decoration: underline;display: inline-block;margin: 0 1rem;}
.bqxx .bq{color: #7e8794;font-size: 1.2rem;line-height: 2rem;margin-top: 0.5%;}

.mynav{position: relative;    padding: 0 2rem;}
.swiper-wrapper{justify-content: center;padding: 0 2rem;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 1.5rem;color: #fbfbff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size: 1.5rem;color: #fbfbff;}
.swiper-button-next{right: 0;border: 1px #63808f solid;    width: 1.8rem;    background: #7cb8ee;}
.swiper-button-prev{left: 0;border: 1px #63808f solid;    width: 1.8rem;    background: #7cb8ee;}
@media(max-width:1300px){
    .auto-1200{width: 90%;}
    .nav-top{font-size: 1.5rem;line-height: 3.4rem;}
    .search .btn{font-size: 1.1rem;line-height: 2.4rem;}
    .search .input-box input{font-size: 1.1rem;line-height: 2.4rem;}
}

@media(max-width:1000px){
    .new-top{display: block;}
    .nav-top{text-align: center;}
    .search{    width: 32%;margin-left: 68%;margin-top: 1%;}
    .search .input-box input,.search .btn{line-height: 2.4rem;}
    .swiper-wrapper{justify-content: flex-start;}
}
@media(max-width:800px){
    .search{width: 22rem;margin-left: auto;}
    .nav-top .swiper-slide{margin: 0 0.5rem;}
}
@media(max-width:540px){
    .banner:after{height: 50px;}
    .auto-1200{width: 95%;}
    .nav-top{font-size: 1.2rem;line-height: 3rem;}
    .nav-top:after{height: 9%;bottom: 117%;}
    .nav-bot .li dl{margin-bottom: 2%;}
    .nav-bot .li dd{padding: 5% 6% 5% 3%;}
    .nav-bot .li dd time{width: 65px;height: 69px;}
    .nav-bot .li dd time b{top: 10px;font-size: 1.5rem;}
    .nav-bot .li dd time span{font-size: 0.8rem;bottom: 13px;}
    .nav-bot .li dd time:after{width: 69%;bottom: 34px;right: 12px;height: 1px;}
    .nav-bot .li dd .li-inner{width: 71%;margin-left: 3%;}
    .nav-bot .li dd .title{font-size: 1rem;line-height: 2rem;padding: 0 0.5%;}
    .nav-bot .li dd .li-inner p{margin-top: 2%;font-size: 1rem;}
    .nav-bot .li dd:hover .arrow{display: none;}

    .arrow{display: none;}

    .nav-bot .li dd{-webkit-transition: none;-webkit-transition: none;transition: none;transition: none;transition: none;}
    .nav-bot .li dd:hover{-webkit-transform: none;transform: none;}
    .nav-bot .li dd:hover:after{position: absolute;content: "";width: 100%; height: 100%;bottom: 0;left: 0%;background: url(../images/choose-b.png)no-repeat center center;background-size: 100% 100%;}

    .nav-bot .li .page li a{font-size: 12px;}
    .nav-bot .li .page li.prev, .nav-bot .li .page li.next{width: 25px; height: 25px;}

    .nav-bot .li h3{font-size: 1.2rem;padding: 0% 0.5%;width: 47%;}

    .bqxx a{font-size: 0.9rem;}
    .bqxx .bq{font-size: 0.9rem;}
}


.auto-1200-2{margin: 1% auto 0;max-width: 1200px;}

.news-top{position: relative;width:100%;background: url(../images/title-b-2.png)no-repeat center center;background-size: 100% 100%;height: 152px;margin-bottom: 2%;}
.news-top:after{position: absolute;content: "";width: 42%;height: 8%;bottom: 63%;left: 29%;background: url(../images/title-b.png)no-repeat center center;background-size: 100% 100%;}
.news-top .text{position: absolute;width: 4%;top: 29%;left: 4.5%;color: #e5f4ff;text-shadow: 0 0 14px #2a87ff;font-size: 2rem;}
.news-top a{position: absolute;width: 13%;top: 26%;right: 0%;color: #0d0f1a;font-size: 1.5rem;background: url(../images/btn-back.png)no-repeat center center;background-size: 100% 100%;line-height: 3rem;padding: 0 1% 0% 4%;font-weight: bold;}

.news-area{position: relative;width: 100%;z-index: 2;padding: 3%;height: 1200px;margin-bottom: 4%;background: url(../images/inner-bg.png)no-repeat center center;background-size: 100% 100%;}
.news-area .news-title{position: relative;width: 100%;    height: 9rem;margin-bottom: 2%;padding-top: 2%;}
.news-area .news-title::after{position: absolute;content: "";width: 105%; height: 100%;bottom: 0;left: -2.3%;background: url(../images/choose-b.png)no-repeat center center;background-size: 100% 100%;}
.news-area h3{text-align: center;font-size: 2rem;color: #c3e4fc;margin-bottom: 1%;}
.news-area time{text-align: center;display: block;color: #fff;font-size: 1.2rem;margin-bottom: 1%;}

.news-box{padding: 0 3%;}
.news-box .content{overflow: auto;height: 900px;}
.news-box .content p{color: #fff;font-size: 1.2rem;line-height: 1.8rem;}
.news-box .content p span img{border: none;width: 100%;vertical-align: middle;margin-bottom: 2%;}
.news-box .content p span{color: #ffee2c;font-weight: bold;font-size: 1.3rem;}

.news-sx{margin-top: 5%;font-size: 1rem;}
.news-sx a{color: #9f9f9f;}
.news-sx a:nth-child(2){float: right;}
.news-sx span{color: #c3e4fc;}

@media(max-width:1200px){
    .auto-1200-2{width: 90%;}
    .news-top{background: none;display: flex;justify-content: space-between;align-items: center;    height: auto;}
    .news-top .text{position: relative;width: initial;top: 0;left: 0;}
    .news-top a{width: 12rem;}
}
@media(max-width:540px){
    .news-top{background: none;height: 45px;}
    .news-top .text{font-size: 1.2rem;}
    .news-top .text br{display: none;}
    .news-top a{width:7rem;font-size: 1.2rem;line-height: 2rem;}
    .news-top:after{width: 42%;height: 8%;bottom: 63%;left: 29%;}
    .search .input-box span.icon{width: 1rem;}

    .news-area .news-title{height: 5rem;}
    .news-area h3{font-size: 1.5rem;}
    .news-area time{    font-size: 1rem;}

    .news-area{height: auto;}
    .news-box .content{overflow: auto;height: auto;}
    .news-sx{margin-top: 5%;font-size: 1rem;text-align: left;margin-bottom: 3%;}
    .news-sx a{display: block;}
    .news-sx a:nth-child(2){float: none;}
    .search .input-box input,.search .btn{font-size: 1rem;line-height: 2rem;}

}

@media(max-width:390px){
    .mynav{margin-top: 6%;}
    .swiper-wrapper{padding: 0 1rem;}
    .nav-top{font-size: 1.1rem;line-height: 2.2rem;}
    .nav-top .swiper-slide:before,.nav-top .swiper-slide:after{width: 1rem;}
    .nav-bot .li dd{display: block;}
    .nav-bot .li dd time{width: 100%;height: auto;border-right: none;}
    .nav-bot .li dd time b,.nav-bot .li dd time span{position: relative;transform: translate(0,0);top: 0;left: 0;}
    .nav-bot .li dd time b{display: inline-block;margin-right: 1rem;}
    .nav-bot .li dd time:after{    width: 1px;height: 60%;top: 50%;transform: translate(0,-50%) rotate(-20deg);right: auto;left: 2.2rem;bottom: auto;}
    .nav-bot .li dd .li-inner{width: 100%;}
    .nav-bot .li:hover .arrow{display: none;}
    .nav-bot .li dd .title{font-size: 1.1rem;}
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 1.2rem;}
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size: 1.2rem;}
    .swiper-button-next{right: 0;width: 1.5rem;    height: 100%;
        top: 0;
        transform: translate(0,0);
        margin-top: 0;}
    .swiper-button-prev{left: 0; width: 1.5rem;    height: 100%;
        top: 0;
        transform: translate(0,0);
        margin-top: 0;}
    .nav-bot{margin-top: 5%;}
    .search{margin-top: 3%;}
}

.auto-1000 {margin: 0 auto;max-width: 1000px;}

.head{position: fixed;width: 100%;background: url(../images/head-bg.png)no-repeat left top;background-size: cover; line-height: 70px;border-bottom: 1px #38281b solid;text-align: center;z-index: 100;}
.head-mid a{display: inline-block;font-size: 1.8rem; line-height: 70px;padding: 0 2%;position: relative;}
.head-mid a span{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;font-weight: bold;}
.head-mid a:after{position: absolute;content: "";width: 1px;height: 8px; top: 50%;right: 0;transform: translate(0,-50%);background: #f8ead6;}
.head-mid a:last-child:after{display: none;}
.head-l{position: absolute;content: "";top: 0;left: 2%;}
.head-l a img{max-height: 46px;}
.head-r{position: absolute;content: "";top: 0;right: 2%;width: 23%;}
.head-r .language{position: relative;float: right;width: 60%;max-width: 90px;}
.head-r .language a{position: relative;width: 100%; display: inline-block;padding: 0 16% 0 4%; background: #f8ead6;color: #a25922;font-size: 1.6rem;line-height: 36px;}
.head-r .language a:after{position: absolute;content: "";width: 0;height: 0;top: 45%;right: 3%;border: 5px solid;border-color:#a25922 transparent transparent ;}
.language-box{display: none;position: absolute;top: 76%;left: 0;width: 100%;}
.log-out{float: right;position: relative;color: #fff4e3;margin-right: 2%;font-size: 1.6rem;}
.log-out a{font-size: 1.6rem;color: #f8b50b; text-decoration: underline;margin-left:5px;}
.head-r .language .language-box a{padding: 0 0;text-align: center;display: block;margin-bottom: 1px;}
.head-r .language .language-box a:hover{background: rgba(28,25,36,0.8);color: #c0ae87;}
.head-r .language .language-box a:after{display: none;}
.log{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;    margin-right: 2%;float: right;}
.log a{font-size: 1.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
@media(max-width:824px){
    .head{display: none;width: 60%;height: 100%;right: 0;top: 0;    background: rgba(28,25,36,0.95);}
    .head-l{top: auto;bottom:12%;z-index: 2;left: auto;right: 5%;}
    .head-l a{display: block;line-height: 46px;}
    .head-r{width: 100%;height: 73%; top: 0;left: 0;z-index: 2;}
    .head-r .language{float: none;position: absolute;bottom: 0;right: 5%;max-width: 129px;z-index: 3;}
    .log{    text-align: right;padding-right: 7%;}
    .head-mid{position: absolute;top: 25%;right: 0;width: 100%;z-index: 3;}
    .head-mid a{display: block;line-height: 54px;}
    .head-mid a:after{width: 26%;height: 1px;left: auto;right: 0;}
    .head-mid a:last-child:after{display: block;}
}
.log-out{float: right;position: relative;color: #fff4e3;margin-right: 2%;font-size: 1.6rem;}


.login{padding:10% 0 0%;background: url(../images/log-bg.jpg)no-repeat center center;background-size: cover; }
.login .box{overflow: hidden;position: relative;background: rgba(250,205,137,0.05);}
.login a{font-size: 1.6rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
.login-l{position: absolute;width: 40%;height: 100%;padding-top: 6%; text-align: right;background-image: url(../images/login-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.login-l img{display: none;}
/*
.login-l a{display: inline-block;line-height: 60px;padding: 0 10%; font-size: 2.4rem;color: #fff; background: url(../images/but1.png)no-repeat right center;background-size: contain;filter: grayscale(100%);filter: gray; }
.login-l a.active{filter: grayscale(0%);filter: gray;}
.login-l a span{font-size: 2.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
*/
.login-r{float: right;width: 60%;padding:7%;text-align: center;font-size: 2.2rem;}
.login-r li span{color: #d5d3de; font-size: 1.4rem;}
.login-r li.yzm{text-align: left}
.login-r li.yzm input{width: 70%;}
.login-r li.yzm img{margin-left: 2%; vertical-align:top; max-height: 50px;}
.login-r li.agree input{width:20px;height: auto;line-height: 20px;margin-bottom: 0; }
.login-r input{width: 100%;padding-left: 2%; background: #fbf2e5;border: 1px #e6be8c solid;height: 50px;line-height: 48px;color: #966632;font-size: 2rem;margin-bottom: 2%;}
.login-r input::-webkit-input-placeholder{
    color:#966632;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#966632;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#966632;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#966632;
}
.login-r .submit{display: inline-block;padding: 0 15%;line-height: 60px;color: #6e0e00;border: none;cursor: pointer; font-size: 2.2rem;background: url(../images/but.png)no-repeat center center;background-size: contain;}
.login-r .facebook{background: #1278f4;border-radius: 5px;margin-bottom: 2%;}
.login-r .facebook a{line-height: 50px;font-size: 2.2rem;color: #fff;}
.login-r li a{position: relative;font-size: 1.6rem;display: inline-block;padding: 0 5%;}
@media(max-width:824px){
    .login{padding-top: 0;}
    .login-l{width: 100%;position: relative;height: 140px; padding-top: 0;background-position:center -60px;background-size: cover;}
    .login-l a{padding: 0 9% 0 25%;line-height:54px;}
    .login-l a span{font-size: 2rem;}
    .login-r{width: 100%;padding:9% 2%;}
    .login-r input{line-height: 44px;height: 42px;font-size: 1.6rem;}
    .login-r .facebook a{line-height: 44px;font-size: 1.6rem;}
    .login-r li.yzm input{width: 60%;}
    .login-r li.yzm img{margin-left:2%; vertical-align:top; max-height: 42px;}
}
.login-r li span.notice{display: block;text-align: left;color: #e6be8c;font-style: normal; font-size: 1.4rem;margin-bottom: 2%;}



.inner-box{position: relative;z-index: 2;}
.inner-box .auto{position: relative;overflow: auto;background:#1c1924 ;border: 3px #4d3d22 solid;min-height: 550px;}
.inner-left{position: absolute;left: 0;top: 0; height: 100%; width: 26%;background: url(../images/cb-bg.jpg)no-repeat center bottom;background-size: cover;}
.inner-left:after{position: absolute;content: ""; width: 1px;height: 100%;background: #b08a48;top: 0;left: 100%;}
.inner-left a{position: relative;padding: 12% 0;display: block;text-align: center;}
.inner-left a.active{background: url(../images/cb-active.jpg)no-repeat center bottom;background-size: cover;}
.inner-left a:after{position: absolute;content: ""; width: 100%;height: 1px;bottom: 0;right: 0;background: linear-gradient(to right,rgba(255,255,255,0),#93723d);}
.inner-left a span{font-size: 2.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-right{float: right;width: 74%;border-left:1px #b08a48 solid;padding:4% 8% 4% 0;}
@media(max-width:824px){
    .inner-left{position: relative;width: 100%;overflow: hidden;border-bottom: 1px #bc9e59 solid;}
    .inner-left a{float: left;width: 25%;padding:2% 0;border-bottom: 1px #93723d solid;}
    .inner-left a span {font-size: 1.6rem;}
    .inner-left a:after{width: 1px;height: 100%;}
    .inner-right{width: 100%;padding-right: 2%;border-left: none;}
    .inner-box .auto{min-height: inherit;}
}
.inner-right .submit{display: inline-block;padding: 0 15%;line-height: 60px;color: #6e0e00;border: none;cursor: pointer; font-size: 2.2rem;background: url(../images/but.png)no-repeat center center;background-size: contain;}

.inner-cus2,.inner-cus4{margin-left:20%;}
.inner-cus form li{list-style: none;overflow: hidden;margin-bottom: 2%;    line-height: 42px;}
.inner-cus li.yzm input{    width: 52%;}
.inner-cus li.yzm img{max-height: 42px;vertical-align:top;margin-left: 2px;width: inherit;}
.yzm img{max-height: 42px;vertical-align:top;margin-left: 2px;width: inherit;}
.inner-cus form li span.cus-title{width: 23%;float: left;font-size: 2rem;line-height: 2.5rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-cus form li i{color: #cfaa75;list-style: none;display: block;    font-size: 1.4rem;
    line-height: 24px;}
.inner-cus form select,.inner-cus form input{font-family: "微软雅黑";background: #2d272c;border: 1px #8b7357 solid;line-height: 40px;height: 42px;width: 70%;color:#ffebcb;padding-left: 1%;}

.inner-cus form input::-webkit-input-placeholder{
    color:#d5d3de;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#d5d3de;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#d5d3de;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#d5d3de;
}
.inner-cus form textarea{background: #2d272c;border: 1px #8b7357 solid;line-height: 24px;height: 200px;width: 70%;color: #ffebcb;padding: 1%;}
button.imgUp{width: 40px;height: 40px;font-size: 4rem;background: #2d272c;border: 1px #8b7357 solid;line-height: 24px;color: #ffeccd;background-image: url(../images/j.png);background-repeat: no-repeat;background-size: 100% 100%;}
button.imgUp:hover{background-color:#000;}
.inner-cus form .submit{margin: 0 auto;display:block;position: relative;color: #700f00;font-size: 2rem;text-align: center;background: url(../images/but.png)no-repeat center center;background-size: contain;    line-height: 52px;margin-top: 4%;}
.inner-cus4-top ul{text-align: center;margin-bottom: 5%;border-bottom: 1px rgba(255,255,255,0.1) dashed;padding-bottom: 2%;}
.inner-cus4-top ul li{display: inline-block;text-align: center;margin-left: 2%;    }
.inner-cus4-top ul li p{padding: 0% 2%;background: url(../images/zs2.png)no-repeat center center;background-size: contain;font-size: 2.4rem;line-height: 40px;font-weight: bold;color: #cfaa75;}
.inner-cus4-top ul li p i{font-size: 2.2rem;font-weight: bold;background: linear-gradient( #9c6b37, #6a3e0f);-webkit-background-clip: text;color: transparent;font-style: normal;}
.inner-cus4-top ul li span{display: block;font-size: 1.6rem;font-weight: bold;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-pre4 form p span{width: 25%;}
@media(max-width:824px){
    .inner-cus li.yzm input{    width:35%;}
    .inner-cus2,.inner-cus4{margin-left: 2%;}
    .inner-cus form li span.cus-title{font-size: 1.6rem;width:30%;}
    .inner-cus form select, .inner-cus form input,.inner-cus form textarea{width: 70%;}
    .inner-cus form .submit{line-height: 44px;}
    .inner-cus1{margin-left: 3%;}
    .inner-cus4-top ul li{width: 29%;}
    .inner-cus4-top ul li span{font-size: 1.6rem;}
    .inner-cus1 h3{padding: 4% 0 4% 2%;}
}