.logo-tip {
    top: -5px!important;
    color: #1f96ff!important;
}
#ys-container {
    background: #FFffff;
    margin-top: 0px;
    min-width: 1170px;
}
canvas{
    position: absolute;
    top:0;
    left:0;
}
.ys-des,.ys-bg{
    position: relative;
    margin-top: 100px;
}
.ys-des ul li:nth-child(1){
    font-family: 微软雅黑;
    font-size: 52px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;
}
.ys-des ul li:nth-child(2){
    font-family: 微软雅黑;
    font-size: 26px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;
    padding: 15px 0 30px 0;
}
.ys-des ul li:nth-child(3){
    font-family: 微软雅黑;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;
}
.ys-des-border{
    width: 188px;
    height: 50px;
    font-family: 微软雅黑;
    text-align: center;
    word-wrap: break-word;
    line-height: 49px;
    font-size: 16px;
    /*background: #1f96ff!important;*/
    border-radius: 8px;
    border:1px solid #fff;
    margin:auto;
}
.ys-des-border a{
    color: #FFffff;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
a.login{
    padding: 0px 25px;
    margin-right: 15px;
    border-right: 1px solid #fff;
}
.ys-nav li a {
    color: #3d464a!important;
    height: 100px!important;
    line-height: 100px!important;
}
.top{
    height: 100px!important;
    line-height: 100px!important;
    background: #ffffff!important;
    border: 1px solid #e9edf0;
}

.ys-nav li .cur, .ys-nav li a:hover {
    color: #1f96ff!important;
}
.top .login-wrap {
    height: 100px!important;
    text-align: center;
}
.person-icon {
    width: 18px;
    height: 18px;
    background: url(/v1.0.3/images/user-s.png) 0 0 no-repeat;
    float: left;
    margin-top: 30px;
    margin-right: 8px;
}
.login-wrap .user-info .userbtn {
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    color: #fff;
    height: 74px;
    line-height: 74px;
    padding: 0 20px 0 0;
}
.login-wrap .user-info .userbtn:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: rotate(135deg);
    margin-top: -7px;
}
.top .login-wrap #login {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #1f96ff !important;
    border: 1px solid #fff;
    padding: 0 20px;
    border-radius: 15px;
    margin-top: 14px
}

.top {
    min-width: 1230px;
    max-height: 100px !important;
}

.swiper-f {
    width: 100%;
    height: 560px;
    background: url(/v1.0.3/img/banner.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}

.swiper-s {
    width: 100%;
    height: 560px;
    background: url(/v1.0.3/img/banner-s.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.home-message {
    padding: 14px 0;
    font-size: 16px;
    border-bottom: 1px solid #E9E9E9;
}

.home-message .span-text {
    margin-top: 3px;
}

.home-site {
    padding-top: 85px;
    margin-bottom: 80px;
}
.open-wjy{
    background: #fafafa;
}
.home-site h2 {
    /*display: inline;*/
    font-size: 36px;
    color: #3d464a;
}

.home-site span.line-through {
    /*color: #E9E9E9;*/
    padding: 0 40px;
    color: #1f96ff;
}

.text-top {
     /*padding-top: 40px;*/
     padding-bottom: 98px;
 }
.text-top span{
    color:#A7A7A7;
    font-size: 18px;
}

.footer-map {
    width: 100%;
    padding: 30px 0;
    background: #3D464A;
    height: 275px;
}

.footer-map-list {
    margin: 0 auto;
    text-align: center;
}

.footer-map-list li:first-child {
    margin-left: 0;
}

.footer-map-list li {
    width: 225px;
    color: #fff;
    font-size: 14px;
    vertical-align: top;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    margin: 0 0 0 100px;
    position: relative;
}

.footer-map-list li strong {
    font-size: 18px;
    display: block;
    font-weight: 400;
    padding-bottom: 5px;
    color: #fcfcfd;
}

.footer-map-list li > a, .footer-map-list li > span {
    display: block;
    color: #FFF;
    transition: .2s;
}

.msg-icon {
    width: 26px;
    height: 26px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20t%3D%221559648164846%22%20class%3D%22icon%22%20style%3D%22width%3A32px%3Bheight%3A32px%3B%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2218306%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20style%3D%22fill%3A%231e92fb%3B%22%20d%3D%22M913.926534%20306.929438c-34.841529-63.1032-84.71031-116.042923-144.194076-153.084561-6.061043-3.857864-11.45489-6.427386-18.08489-6.427386-16.757662%200-30.391171%2014.431687-30.391171%2032.1707%200%2012.040221%206.257517%2022.553669%2017.10047%2028.801976%20104.863303%2064.952314%20170.005952%20185.193863%20170.005952%20313.797869%200%20128.48428-65.080228%20248.671593-169.782871%20313.62186-8.66638%205.050016-17.927301%2015.391549-17.927301%2029.275767%200%2017.739013%2013.658068%2032.1707%2030.446429%2032.1707%207.073092%200%2012.658298-3.054569%2017.785062-6.192026%2059.742662-37.002752%20109.819175-89.979314%20144.816247-153.200194%2036.057217-65.137533%2055.116295-139.717112%2055.116295-215.678154C968.816678%20446.399933%20949.836395%20371.963617%20913.926534%20306.929438zM803.242665%20522.18906c0-44.717458-11.232832-88.62241-32.481785-126.96774-20.623713-37.2156-50.127677-68.388577-85.322248-90.149183l-0.10847-0.064468c-1.02433-0.564865-10.200316-5.520737-17.015535-5.520737-16.879436%200-30.611182%2014.480806-30.611182%2032.279171%200%2011.665691%205.8001%2022.472827%2015.155165%2028.212552%2054.896284%2033.086559%2089.00001%2095.240131%2089.00001%20162.208359%200%2068.366064-35.157731%20131.180691-91.75475%20163.933653l-0.100284%200.061398c-9.143241%205.863545-14.601556%2016.182564-14.601556%2027.602661%200%2017.830087%2013.707187%2032.336476%2030.531364%2032.336476l0.162706%200.001023c0.001023%200%200.001023%200%200.001023%200%207.096628%200%2015.121396-4.170996%2015.459087-4.348028l0.11461-0.064468C756.659721%20697.290053%20803.242665%20613.174284%20803.242665%20522.18906zM550.366308%2075.543533c-4.938476-2.527566-10.45205-3.864004-15.941064-3.864004-8.256034%200-16.358573%202.992147-22.808472%208.42181l-0.145309%200.121773c-5.265934%204.438079-52.949956%2044.529169-104.874559%2085.10326-93.812619%2073.362868-122.260531%2086.464257-127.851876%2088.575338L159.5933%20253.901711c-0.782829%200-1.485841%200.053212-2.139733%200.110517l-60.977793%200c-16.788361%200-30.445406%2014.419408-30.445406%2032.144094l0%20472.503451c0%2017.70729%2013.658068%2032.113395%2030.445406%2032.113395l204.416669%200.059352c5.431709%202.260483%2032.210609%2015.781428%20115.359354%2087.7526%2028.380374%2024.549116%2061.175291%2054.086849%2092.342128%2083.173304%200.826831%200.771573%201.36509%201.27197%201.592264%201.479701l0%200.001023c6.668886%206.316869%2015.270798%209.795087%2024.221658%209.795087%205.106298%200%2010.298554-1.183965%2015.020088-3.428076%2013.477966-6.433526%2022.533202-20.562315%2022.533202-35.150568%200.00307-1.576915%200.291642-157.672042%200.291642-160.783917%200-3.175319-1.301645-656.819317-1.314948-663.416572C570.936809%2095.360881%20563.055305%2082.060971%20550.366308%2075.543533zM510.864642%20768.479419l-0.466628%20102.921068c-15.527648-13.923104-30.552853-27.123754-44.726667-39.289841-113.78244-97.821933-142.303007-106.007359-161.762197-106.007359-0.385786%200-0.703011%200.048095-0.935302%200.083911-0.060375%200.00921-0.12075%200.021489-0.13917%200.025583-0.063445-0.005117-0.12382-0.017396-0.184195-0.025583-0.231267-0.035816-0.548492-0.083911-0.934279-0.083911L148.03301%20726.103286c-17.677615%200-21.494547-4.28356-21.494547-24.121374L126.538463%20339.353918c0-13.921058%201.487887-20.479427%2015.084557-20.479427l138.452305%200c18.941398%200%2047.839565-8.090259%20172.184571-104.774275%2018.978237-14.756075%2038.977733-30.639834%2058.115606-46.155203C510.425643%20227.891314%20510.864642%20766.102279%20510.864642%20768.479419z%22%20p-id%3D%2218307%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') 0 0 no-repeat;
    float: left;
    margin-right: 15px;
}

.open__classify-tab {
    margin: 0 auto;
}
.open-list{
    padding-bottom: 98px;
}
.open__classify-list {
    text-align: justify;
}

.join__classify-list {
    font-size: 0;
    /*text-align: center;*/
}

.join__classify-list li:last-child {
    margin-right: 0;
}

.join__classify-list li {
    display: inline-block;
    margin-right: 90px;
}
.join__classify-list li p{
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    font-weight: 400;
    color: #3d464a;
    cursor: pointer;
}
.join__classify-list li p.active{
    color: #1f96ff;
    border-bottom: 2px solid #1f96ff;
}
.join__classify-ol{
    padding-left: 89px;
    padding-top: 30px;
}
.join__classify-ol li{
    display: inline-block;
    margin-right: 93px;
    font-size: 18px;
    width: 128px;
    text-align: center;
}
.join__classify-ol li:nth-last-child(1){
    margin: 0;
}
.open__classify-li {
    display: inline-block;
}

.open__classify-list:after {
    content: "";
    display: inline-block;
    width: 100%;
    vertical-align: top;
    line-height: 0;
    height: 0;
}

.classify__icon {
    display: block;
    margin: 0 auto 20px;
    height: 94px;
}
.classify__image{
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    height: 94px;
    transition: all 0.5s linear;
}

.classify__msg {
    /*margin-top: 20px;*/
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    font-weight: 400;
    color: #3d464a;
}
.open__classify-info{
    font-size: 14px;
    color: #A7A7A7;
    text-align: center;
    line-height: 40px;
}
.open__classify-ol{
    padding-top: 30px;
    text-align: center;
}
.open__classify-ol li{
    display: inline-block;
    width: 60px;
    height: 70px;
    border-radius: 5px;
    border:1px solid #1f96ff;
    margin: 0 5px;
}
.open__classify-ol li img{
    margin: 10px auto 0;
    height: 27px;
    display: block;
}
.open__classify-ol li p{
    font-size: 12px;
    line-height: 24px;
    color: #A7A7A7;
    text-align: center;
}
.classify__item {
    padding-top: 56px;
    position: relative;
    box-sizing: border-box;
    width: 268px;
    height: 300px;
    background: #fff;
    border: 1px solid #e9edf0;
    border-radius: 10px;
    overflow: hidden;
}
.open__classify-wrap{
    position: absolute;
    top: 170px;
    width: 100%;
    transition: all 0.5s linear;
}
.classify__item_div{
    position: relative;
    padding-top: 36px;
    width: 268px;
    height: 300px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 0 20px darkgrey;
    overflow: hidden;
}
.classify__item_h {
    height: 268px !important;
}
.classify__item:hover{
    border:1px solid #1f96ff;
}
.classify__item:hover .open__classify-wrap{
    top: 56px;
}
.classify__item:hover .classify__image{
    top: -94px;
}
/*.classify__item.active:after {*/
    /*box-sizing: border-box;*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: 277px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin: auto;*/
    /*width: 44px;*/
    /*height: 44px;*/
    /*-webkit-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
    /*background-color: #fff;*/
    /*border-right: 1px solid #e9edf0;*/
    /*border-bottom: 1px solid #e9edf0;*/
    /*border-left-color: #fff !important;*/
    /*border-top-color: #fff !important;*/
    /*border-bottom-right-radius: 5px;*/
/*}*/

/*.classify__item_h.active:after {*/
    /*top: 245px !important;*/
/*}*/

/*.classify__item.active {*/
     /*-webkit-filter: drop-shadow(0 20px 20px rgba(24, 12, 6, 0.4));*/
     /*filter: drop-shadow(0 20px 20px rgba(24, 12, 6, .4));*/
 /*}*/

.text-des {
    padding: 20px 30px;
    margin-top: 35px;
    background: #fafafa;
}

.home-bg {
    width: 100%;
    height: 317px;
    background: url(/v1.0.3/img/advertising.png) 0 0 no-repeat;
    background-size: cover;
}

.new-icon {
    width: 30px;
    height: 30px;
    background: url(/v1.0.3/img/new.png) 0 0 no-repeat;
    float: right;
    margin-top: -10px;
}

.sexangle-icon {
    width: 164px;
    height: 164px;
    background: url(/v1.0.3/img/lbx.png) 0 0 no-repeat;
    background-size: contain;
    float: left;
    margin: 0 12px;
    position: relative;
}

.sg-icon {
    display: block;
    margin: 35px auto 0;
    width: 48px;
    height: 48px;
}

.sg-msg {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #3d464a;
}

.second {
    margin-top: -9px;
    display: inline-block;
    margin-left: 130px;
}

.home-bg span {
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    height: 317px;
    line-height: 317px;
    margin-left: 420px;
}

.sexangle-effect {
    display: inline-block;
}

.effect {
    z-index: 0;
    position: absolute;
    height: 162px;
    width: 162px;
    line-height: 162px;
    background-color: #F7F7F7;
    margin-left: 12px;
}

.sexangle-effect:hover > a.effect {
    display: inline-block;
}

.shade {
    background-color: #F7F7F7;
}

.swiper-pagination-bullet {
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
    border-radius: 100%;
    background: #FFF !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #1f96ff !important;

}

footer {
    color: #FFFFFF!important;
    background: #000000!important;
    width: 100%;
    text-align: center;
    padding: 28px 0!important;
    position: absolute;
    bottom: 0;
    height: 100px;
}