@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SourceHanSansCN-Regular.eot");
    src: url("../fonts/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
    url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'RousseauDeco';
    src: url('../fonts/Rousseau-Deco.ttf');
}
/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1.5;font-family:"SourceHanSansCN-Regular";}
a{color: #333;}
a:hover{color: #E62D0F;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #333;
    font-family:"SourceHanSansCN-Regular";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button']{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*布局*/
.wp{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.wp2{width: 100%;max-width: 12rem;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}

/*******************************
  -------[=头部]-------
********************************/

.header{position: relative;z-index: 109;padding: 0 .6rem;
    background-color: #201F1F;
    display: flex;flex-wrap: wrap;justify-content: space-between;
}
.logo{line-height: .9rem;font-size: 0;}
.logo img{display: inline-block;vertical-align: middle;height: .48rem;}
.header .hdr{display: flex;flex-wrap: wrap;align-items: center;}
.nav{}
.nav ul{display: flex;flex-wrap: wrap;}
.nav li{margin-left: .78rem;}
.nav .down{position: absolute;right: -.2rem;top: 50%;cursor: pointer;
    border-top: .06rem solid #fff;
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li .v1{display: block;font-size: .18rem;color: #FFF;line-height: .9rem;
    position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li .v1:after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;height: .04rem;
    background-color: #E62D0F;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li:hover .v1,.nav li.on .v1{color: #E62D0F;}
.nav li:hover .v1:after,.nav li.on .v1:after{left: 0;right: 0;}
.nav li:hover .down,.nav li.on .down{border-top-color: #E62D0F;}
.nav .sub{position: absolute;left: 0;top: 100%;right: 0;display: none;
    background-color: #fff;
}
.nav .sub-1{padding: .3rem 0 0;
    background-color: #F9F9F9;
}
.nav .sub-1 .wp{display: flex;flex-wrap: wrap;}
.nav .sub-1 .item{width: 33.33%;margin-bottom: .33rem;}
.nav .sub-1 .tit{font-size: .24rem;color: #333;position: relative;padding-left: .18rem;
    margin-bottom: .15rem;
}
.nav .sub-1 .tit:before{content: '';position: absolute;left: 0;top: 50%;width: .04rem;height: .15rem;
    background-color: #E62D0F;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav .sub-1 .pic{width: 2.68rem;height: 1.62rem;border-radius: .18rem;margin-bottom: .2rem;overflow: hidden;}
.nav .sub-1 .pic img{width: 100%;height: 100%;display: block;object-fit: cover;}
.nav .sub-1 dl{margin-bottom: .1rem;}
.nav .sub-1 dd a{display: block;font-size: .16rem;line-height: .34rem;
    position: relative;padding-left: .17rem;color: #333;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-1 dd:hover a,.nav .sub-1 dd.on a{color: #E62D0F;}
.nav .sub-1 dd a:before{content: '';position: absolute;left: 0;top: 50%;
    width: 4px;height: 4px;border-radius: 50%;
    background-color: #E62D0F;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-1 .more{font-size: .16rem;color: #E62D0F;padding-right: .21rem;
    background: url(../images/i-03.png) no-repeat right center;
    -o-background-size: .08rem auto;
    -ms-background-size: .08rem auto;
    -moz-background-size: .08rem auto;
    -webkit-background-size: .08rem auto;
    background-size: .08rem auto;
}

.nav .sub-2{overflow: hidden;
    background: url(../images/p-bg1.png) no-repeat left bottom;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.nav .sub-2 .col-l{width: 4rem;height: calc( 100vh - .9rem );
    padding-right: .78rem;padding-top: .87rem;
    border-right: 1px solid #D6D6D6;
}
.nav .sub-2 .col-r{float: none;overflow: hidden;padding-left: .62rem;padding-top: .92rem;}
.nav .sub-2 .tit{font-size: .36rem;margin-bottom: .21rem;}
.nav .sub-2 .desc{font-size: .18rem;line-height: 1.66;text-align: justify;color: #666;
    margin-bottom: .44rem;
}
.nav .sub-2 .more{font-size: .18rem;color: #E62D0F;padding-left: .58rem;display: block;
    line-height: .4rem;
    background: url(../images/i-04.png) no-repeat left center;
    -o-background-size: .4rem auto;
    -ms-background-size: .4rem auto;
    -moz-background-size: .4rem auto;
    -webkit-background-size: .4rem auto;
    background-size: .4rem auto;
}
.nav .sub-2 .left{float: left;width: 3.6rem;}
.nav .sub-2 dd{margin-bottom: .15rem;}
.nav .sub-2 dd a{display: block;font-size: .2rem;color: #333;height: .6rem;line-height: .6rem;
    border-radius: .3rem;padding-left: .75rem;position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-2 dd a:after{content: '';position: absolute;top: 50%;right: .6rem;
    width: .08rem;height: .14rem;opacity: 0;
    background: url(../images/i-05.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-2 dd .ico{display: block;position: absolute;left: .3rem;top: 50%;
    width: .3rem;height: .3rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav .sub-2 dd .ico img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-2 dd .ico .i-on{opacity: 0;}
.nav .sub-2 dd:hover .ico .i-on,.nav .sub-2 dd.on .ico .i-on{opacity: 1;}
.nav .sub-2 dd:hover .ico .i-ok,.nav .sub-2 dd.on .ico .i-ok{opacity: 0;}
.nav .sub-2 dd:hover a,.nav .sub-2 dd.on a{background-color: #E62D0F;color: #FEFEFE;}
.nav .sub-2 dd:hover a:after,.nav .sub-2 dd.on a:after{opacity: 1;right: .47rem;}

.nav .sub-2 .right{float: right;width: 5rem;}
.nv-txt{}
.nv-txt .txt{font-size: .18rem;color: #666;text-align: justify;line-height: 1.75;margin-bottom: .46rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.nv-txt .more2{font-size: .16rem;color: #E62D0F;padding-right: .21rem;
    background: url(../images/i-03.png) no-repeat right center;
    -o-background-size: .08rem auto;
    -ms-background-size: .08rem auto;
    -moz-background-size: .08rem auto;
    -webkit-background-size: .08rem auto;
    background-size: .08rem auto;
}
.nv-txt .pic{padding-top: 47.6%;height: 0;position: relative;overflow: hidden;border-radius: .2rem;margin-bottom: .18rem;}
.nv-txt .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}


.nav .sub-3{}
.nav .sub-3 dl{display: flex;flex-wrap: wrap;justify-content: center;}
.nav .sub-3 dd a{display: block;font-size: .2rem;color: #333;position: relative;
    margin: 0 .38rem;line-height: .96rem;padding-left: .13rem;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-3 dd a:before{content: '';position: absolute;left: 0;top: 50%;width: 4px;height: 4px;border-radius: 50%;
    background-color: #6F6F6F;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-3 dd:hover a,.nav .sub-3 dd.ok a{color: #E62D0F;}
.nav .sub-3 dd:hover a:before,.nav .sub-3 dd.ok a:before{background-color: #E62D0F;}


.h-user{height: .42rem;line-height: .42rem;width: 1.58rem;font-size: 0;padding-left: .06rem;
    background-color: #E62D0F;border-radius: .21rem;margin-left: .66rem;
}
.h-user .face{width: .32rem;height: .32rem;display: inline-block;vertical-align: middle;
    border-radius: 50%;overflow: hidden;margin-right: .2rem;
}
.h-user .name{display: inline-block;vertical-align: middle;font-size: .16rem;color: #fff;}

.login-box{margin-left: .66rem;height: .42rem;line-height: .42rem;padding: 0 .2rem 0 .22rem;
    border-radius: .21rem;font-size: .18rem;color: #fff;
    background-color: #E62D0F;
}
.login-box:before{content: '';display: inline-block;vertical-align: middle;
    width: .16rem;height: .16rem;margin-right: .12rem;position: relative;top: -1px;
    background: url(../images/i-01.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.login-box a{color: #fff;}

.so-btn{width: .42rem;height: .42rem;border-radius: 50%;cursor: pointer;margin-left: 28px;
    background: #fff url(../images/i-02.png) no-repeat center;
    -o-background-size: .18rem auto;
    -ms-background-size: .18rem auto;
    -moz-background-size: .18rem auto;
    -webkit-background-size: .18rem auto;
    background-size: .18rem auto;
}
.soBox{position: fixed;top: 0;left: 0;right: 0;z-index: 128;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    -o-transition: .8s;
}
.so-bg{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 118;display: none;}
.so-cont{padding: .1rem 0 .5rem;position: relative;z-index: 129;
    background-color: #fff;
}
.so-form{position: relative;}
.so-form .inp{display: block;width: 100%;height: 1.19rem;border: 0;
    border-bottom: 2px solid #595959;font-size: .18rem;color: #000;padding-left: .5rem;
}
.so-form .btn{position: absolute;top: 0;left: 0;width: .5rem;height: 100%;
    cursor: pointer;border: 0;
    background: url(../images/i-02.png) no-repeat left center;
    -o-background-size: .18rem auto;
    -ms-background-size: .18rem auto;
    -moz-background-size: .18rem auto;
    -webkit-background-size: .18rem auto;
    background-size: .18rem auto;
}
.so-form .close{position: absolute;right: 0;top: 0;height: 100%;width: .24rem;cursor: pointer;
    background: url(../images/close.svg) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.soBox.open{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}




             



/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: 40px;height: 40px;padding: 7px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #004a84;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/*******************************
  -------[=banner]-------
*******************************/
.banner{height: calc( 100vh - .9rem );}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner .slick-slide .con{display: block;height: 100%;outline: 0;position: relative;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .txt{position: absolute;left: 0;right: 0;top: 43%;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .lab{text-transform: uppercase;font-size: .42rem;display: block;margin-bottom: .32rem;}
.banner .tit{font-size: .78rem;font-weight: normal;margin-bottom: .06rem;}
.banner .tips{font-size: .34rem;}

.banner .slick-dots{position: absolute;left: 50%;bottom: .39rem;width: 14.4rem;z-index: 3;
    display: flex;flex-wrap: wrap;align-items: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .slick-dots li{margin-right: 4px;
    display: flex;flex-wrap: wrap;align-items: center;
}
.banner .slick-dots li em{display: block;width: .4rem;height: .4rem;
    text-align: center;line-height: .4rem;font-size: .18rem;color: #fff;
    border-radius: 50%;cursor: pointer;
}
.banner .slick-dots span{width: 1rem;height: 1px;margin-left: .2rem;margin-right: .1rem;
    background-color: rgba(255,255,255,.2);position: relative;display: none;
}
.banner .slick-dots span i{position: absolute;left: 0;top: 0;height: 1px;width: 0;
    background-color: #FFF;
    transition: 5s;
    -ms-transition: 5s;
    -moz-transition: 5s;
    -webkit-transition: 5s;
    -o-transition: 5s;
}
.banner .slick-dots li.slick-active span{display: block;}
.banner .slick-dots li.slick-active span i{
    -webkit-animation: scrollToLeft 5s linear;
    animation: scrollToLeft 5s linear;
}
.banner .slick-dots li.slick-active em{background-color: #E62D0F;}
@-webkit-keyframes scrollToLeft {
   from {
       width: 0;
   }
   to {
       width: 100%;
   }
}
@keyframes scrollToLeft {
   from {
        width: 0;
   }
   to {
       width: 100%;
   }
}




/*******************************
  -------[=底部]-------
********************************/

.footer{border-top: .09rem solid #E62D0F;
    background: #1A1A1A url(../images/fd-bg.png) no-repeat right center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.fd-top{display: flex;flex-wrap: wrap;justify-content: space-between;
    padding: .68rem 0 .6rem;border-bottom: 1px solid rgba(255,255,255,.2);
}
.fd-top dl{}
.fd-top dt{margin-bottom: .23rem;}
.fd-top dt a,.fd-so .tit{display: block;font-weight: normal;font-size: .18rem;color: #fff;}
.fd-top dd a{display: block;font-size: .16rem;line-height: 2.25;color: rgba(255,255,255,.5);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-top dd a:hover{color: #fff;}

.fd-so{margin-bottom: .53rem;}
.fd-so .tips{font-size: .16rem;color: rgba(255,255,255,.5);margin-top: .28rem;margin-bottom: .12rem;}
.fd-so .cont{position: relative;}
.fd-so .inp{display: block;width: 100%;height: .43rem;border: 1px solid rgba(255,255,255,0.26);
    background-color: transparent;font-size: .14rem;padding: 0 .65rem 0 .13rem;
}
.fd-so .btn{position: absolute;right: 0;top: 0;width: .55rem;height: .43rem;
    border: 0;cursor: pointer;
    background: #626262 url(../images/i-15.png) no-repeat center;
    -o-background-size: .21rem auto;
    -ms-background-size: .21rem auto;
    -moz-background-size: .21rem auto;
    -webkit-background-size: .21rem auto;
    background-size: .21rem auto;
}
.fd-desc{font-size: .14rem;color: rgba(255,255,255,.5);line-height: 2.57;}
.fd-shsre{display: flex;flex-wrap: wrap;margin-bottom: .22rem;}
.fd-shsre a{position: relative;display: block;margin-right: .16rem;}
.fd-shsre .ico{display: block;width: .34rem;height: .34rem;border-radius: 50%;position: relative;
    background-color: rgba(255,255,255,.06);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-shsre .ico:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .5;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-shsre .weix .ico:after{background-image: url(../images/i-16.png);}
.fd-shsre .sina .ico:after{background-image: url(../images/i-17.png);}
.fd-shsre .qq .ico:after{background-image: url(../images/i-18.png);}
.fd-shsre .ship .ico:after{background-image: url(../images/i-19.png);}
.fd-shsre .zihu .ico:after{background-image: url(../images/i-20.png);}
.fd-shsre .bibi .ico:after{background-image: url(../images/i-21.png);}
.fd-shsre .qr{position: absolute;bottom: 100%;left: 50%;padding-bottom: .1rem;
    width: 1.2rem;display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fd-shsre .qr img{width: 100%;display: block;}
.fd-shsre a:hover .ico:after{opacity: 1;}
.fd-shsre a:hover .qr{display: block;}
.fd-bot{height: .8rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;
    font-size: .16rem;color: rgba(255,255,255,.5);
}
.fd-bot a{color: rgba(255,255,255,.5);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-bot a:hover{color: #fff;}

.fd-bot .link a:after{content: '　|　';}
.fd-bot .link a:last-child:after{display: none;}
/*******************************
    -------[=正文]-------
********************************/
.pop-tan{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1024;display: none;}
.pop-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-color: rgba(0,0,0,.4);
}
.pop-tan .cont{position: absolute;top: 50%;left: 50%;width: 13rem;z-index: 2;
    border-radius: .2rem;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pop-tan .close{position: absolute;top: -.36rem;right: -.36rem;width: .34rem;height: .34rem;
    cursor: pointer;background: url(../images/i-close.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.pop-tan .close:hover{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pop-tan .pic{width: 50%;height: 7.2rem;float: left;border-radius: .2rem 0 0 .2rem;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.pop-tan .r-con{width: 50%;float: right;height: 7.2rem;padding: .95rem .8rem 0;
    background-color: #fff;border-radius: 0 .2rem .2rem 0;
}
.pop-tan .tit{font-size: .32rem;}
.pop-tan .i-t{position: relative;margin-bottom: .38rem;}
.pop-tan .inp{display: block;width: 100%;font-size: .2rem;border: 0;height: .7rem;
    border-bottom: 1px solid #D6D6D6;
}
.pop-tan .inp::-webkit-input-placeholder {color: #A9A9A9;}
.pop-tan .inp::-moz-placeholder {color: #A9A9A9; }
.pop-tan .inp::-ms-input-placeholder {color: #A9A9A9;}
.pop-tan .code-btn{position: absolute;right: 0;bottom: 0;line-height: .7rem;border: 0;
    cursor: pointer;font-size: .2rem;color: #E62D0F;
    background-color: transparent;
}
.pop-tan .code-btn.disabled{color: #A9A9A9;}
.pop-tan .btn{display: block;width: 100%;height: .62rem;margin-top: .95rem;
    font-size: .2rem;color: #FFF;border: 0;
    background: linear-gradient(100deg, #E62D0F, #F2571B);
    border-radius: 6px;
}
.pop-tan .tips{font-size: 16px;color: #999;margin-top: .2rem;}
.pop-tan .tips a{color: #E62D0F;}
.pop-tan .tips a:hover,.pop-tan .tong a{text-decoration: underline;}
.pop-tan .btn-qie{position: absolute;right: 0;top: 0;width: 1.27rem;height: 1.27rem;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.pop-tan .login-qr:hover{background-image: url(../images/i-98-on.png);}
.pop-tan .login-qr{background-image: url(../images/i-98.png);}
.pop-tan .login-code:hover{background-image: url(../images/i-99-on.png);}
.pop-tan .login-code{background-image: url(../images/i-99.png);}
.pop-tan .p-qr{width: 3.58rem;margin: 0 auto;}
.pop-tan .p-qr .qr{margin-bottom: .08rem;}
.pop-tan .p-qr .qr img{width: 100%;display: block;}
.pop-tan .p-qr .t1{text-align: center;font-size: .2rem;color: #A9A9A9;display: block;}
.pop-tan .phone .inp{padding-left: .54rem;}
.pop-tan .hao{position: absolute;left: 0;bottom: 0;line-height: .7rem;color: #333;font-size: .2rem;}
.pop-tan .tong{font-size: .16rem;color: #999;display: block;margin-top: .15rem;cursor: pointer;}
.pop-tan .tong a{color: #E62D0F;}
.pop-tan .tong input{margin-right: .13rem;}
#pop-code .tit{margin-bottom: .65rem;}
#pop-qr .tit{margin-bottom: .57rem;}
#pop-reg .r-con{padding-top: .63rem;}
#pop-reg .tit{margin-bottom: .09rem;}
#pop-reg .i-t{margin-bottom: .12rem;}
#pop-reg .btn{margin-top: .45rem;}