body{

    margin:0;

    padding:0;

    font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;

    letter-spacing:1.2px;

    color: #33334f;
    min-width: 1200px;

}

ul,li,p,h1,h2,h3{

    list-style:none;

    margin:0;

    padding:0;

    line-height: 100%;

}

img{

    border:none;

}

a{

    text-decoration:none;

    text-align:center;

    cursor:pointer;

}

.container{

    width:1200px;

    margin:0 auto;

    position:relative;

}

.clear{

    clear:both;

}

.acc{

    height: 28px;

    line-height: 28px;

    background: #000;

    color: rgba(255,255,255,0.6);

    font-size: 12px;

    min-width: 1200px;

}

.gg_title{

    float: left;

}

.gg_title span{

    color: #ebac22;

}

.acc li{

    position: relative;

    float: left;

    margin-left: 60px;

}

.acc li:before{

    content: '';

    display: block;

    position: absolute;

    left: -15px;

    top:12px;

    height: 4px;

    width: 4px;

    background: #ebac22;

}

.acc li a{

    display: block;

    text-align: left;

    color: rgba(255,255,255,0.6);

    max-width: 260px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 28px;

}

.acc li a:hover{

    color: #ebac22;

}

.gg_more{

    float: right;

    color: rgba(255,255,255,0.6);

}

.gg_more:hover{

    color: #ebac22;

}

.section1{

    height: 628px;

    background: url("../images/se1_bg.png") center;

    min-width: 1200px;

}

header{

    height: 60px;

    line-height: 60px;

    border-bottom: 1px solid rgba(255,255,255,0.08);

    transition: .2s;

    font-size: 15px;
    background: #171943;

}

header:hover{

    background: #171943;

}

.logo{

    float: left;

}

.logo img{

    vertical-align: middle;

}

header li{

    float: left;

    margin-left: 30px;
    position:relative;

}

header li>a{

    display: block;

    height: 60px;

    line-height: 60px;

    color: #fff;

    padding: 0 15px;

}

header li>a:hover{

    border-bottom: 1px solid #ebac22;

    color: #ebac22;

}
header li.hot:before{
    content:attr(data-title);
    position: absolute;
    top: 50%;
    right: -28px;
    margin-top: -15px;
    border-radius: 2px;
    width: 40px;
    height: 18px;
    line-height: 18px;
    background: red;
    color: #fff;
    font-size: 12px;
    text-align:center;
}

.reg_btn{

    float: right;

    display: block;

    height: 60px;

    padding: 0 30px;

    background: rgba(90,117,245,0.8);

    color: rgba(255,255,255,0.8);

    margin-left: 30px;

}

.reg_btn:hover{

    background: #5a75f5;

    color: #fff;

}

.log_btn{

    float: right;

    color: rgba(255,255,255,0.8);

}

.log_btn:hover{

    color: #fff;

}

.banner{

    width: 1200px;

    height: 468px;

    margin: 0 auto;

}

.intro{

    float: left;

    margin-top: 90px;

}

.intro>h3{

    font-size: 36px;

    font-weight: lighter;

    margin-bottom: 50px;

    color: #fff;

}

.intro>p{

    font-size: 18px;

    line-height: 36px;

    font-weight: lighter;

    margin-bottom: 50px;

    color: rgba(255,255,255,0.8);

}

.plate{

    float: right;

    margin-top: 40px;

}

.intro>img{

    margin-bottom: 60px;

}

.intro_btn1{

    display: inline-block;

    width: 140px;

    margin-right: 20px;

    height: 40px;

    line-height: 40px;

    background: #5a75f5;

    color: #fff;

    font-size: 14px;

}

.intro_btn1:hover{

    background: rgba(90,117,245,0.9);

}

.intro_btn2{

    display: inline-block;

    width: 138px;

    height: 38px;

    line-height: 38px;

    border:1px solid #fff;

    color: #fff;

    font-size: 14px;

}

.intro_btn2:hover{

    background: rgba(255,255,255,0.1);

}

.odds{

    height: 100px;

    background: rgba(255,255,255,0.05);

}

.odds ul{

    height: 100px;

    border-left: 1px solid rgba(255,255,255,0.05);

}

.odds li{

    float: left;

    width: calc(25% - 1px);

    height: 100px;

    border-right: 1px solid rgba(255,255,255,0.05);

}

.odds li:hover{

    background: rgba(255,255,255,0.05);

    border-right: 1px solid transparent;

}

.odds li>img{

    float: left;

    margin: 30px 20px;

}

.odds li>h3{

    font-size: 16px;

    line-height: 16px;

    margin-top: 30px;

    color: #fff;

    font-weight: lighter;

}

.odds li>p{

    margin-top: 10px;

    font-size: 14px;

    line-height: 14px;

    color: rgba(255,255,255,0.6);

}

.title {

    height: 50px;

    font: 18px/50px Arial, sans-serif;

    border-bottom: 1px solid #d6e4ee;

    text-align: center;



}

.title1 {

    font: bold 14px Arial, sans-serif;

    border-left: 2px solid #648ff7;

    padding-left: 10px;

    margin: 15px 35px;

}



.title2{

    text-align: center;

}

.title2 h1{

    font-size: 30px;

    line-height: 30px;

    margin-bottom: 20px;

    font-weight: lighter;

}

.title p{

    font-size: 16px;

    line-height: 16px;

    color: rgba(0,0,0,0.6);

}

.vps_menu li{

    float: left;

    width: 25%;

    padding-bottom: 20px;

    text-align: center;

}

.vps_menu li>div{

    width: 48px;

    height: 48px;

    margin: 0 auto 20px auto;

    transition: .2s;

}

.vps_menu li:nth-child(1)>div{

    background: url("../images/icon5.png") right center no-repeat;

}

.vps_menu li:nth-child(2)>div{

    background: url("../images/icon6.png") right center no-repeat;

}

.vps_menu li:nth-child(3)>div{

    background: url("../images/icon7.png") right center no-repeat;

}

.vps_menu li:nth-child(4)>div{

    background: url("../images/icon8.png") right center no-repeat;

}

.vps_menu .actived>div{

    background-position: left !important;

}

.vps_menu .actived{

    color: #5a75f5;

}

.abs{

    position: absolute;

    bottom: 0;

    left: 0;

    height: 2px;

    width: 300px;

    background: #5a75f5;

    transition: .2s;

}

.vps_list{

    background: #f7f8fa;

}

.vps_list ul{

    display: none;

}

.vps_list li{

    float: left;

    width: calc(25% - 80px);

    padding: 40px;

}

.vps_name{

    font-size:16px;

    line-height: 16px;

    margin-bottom: 25px;

}

.main_peizhi_con{

    font-size:12px;

    line-height: 24px;

    color: #7a7a8c;

}

.main_price_con{

    text-align: center;

    font-size:14px;

}

.main_price_con b{

    color: #ee2d0c;

    font-size: 18px;

}

.main_shuju{

    border-top:1px solid rgba(51,51,79,0.08);

    border-bottom:1px solid rgba(51,51,79,0.08);

    margin: 25px 0;

}

.main_shuju span{

    text-align: center;

    height: 60px;

    float: left;

    width: calc(33.3% - 1px);

    border-right: 1px solid rgba(51,51,79,0.08);

}

.main_shuju span p{

    color: #7a7a8c;

    font-size: 12px;

}

.main_shuju span h3{

    margin: 12px 0 8px 0;

    font-size: 16px;

}

.main_pay_btn{

    display: block;

    font:14px/40px Arial, sans-serif;

    background: #5a75f5;

    color: #fff;

    height: 40px;

    width: 220px;

    margin-top: 25px;

}

.main_pay_btn:hover{

    background: rgba(90,117,245,0.9);

}

.more_btn{

    display: block;

    margin: 30px auto 40px auto;

    height: 38px;

    line-height: 38px;

    width: 140px;

    font-size: 14px;

    color: #7a7a8c;

    border: 1px solid #9393a1;

}

.more_btn:hover{

    background: #5a75f5;

    border-color: #5a75f5;

    color: #fff;

}

.section3{

    height: 400px;

    padding: 100px 0;

    background: url("../images/se3_bg.jpg") center no-repeat;

}

.service_menu{

    float: left;

    margin-right: 200px;

    width: 230px;

    height: 400px;

    background: rgba(0,0,0,0.1);

}

.service_menu li{

    height: 80px;

    padding: 19px 15px 0 15px;

    color: rgba(255,255,255,0.35);

    font-size: 14px;

    line-height: 30px;

    cursor: pointer;

    transition: .2s;

}

.service_menu li>div{

    padding: 0 0 0 15px;

    height: 80px;

    border-bottom: 1px solid rgba(255,255,255,0.08);

    transition: .2s;

}

.service_menu li>div>span{

    color: #fff;

    font-size: 16px;

}

.service_menu li:last-child>div{

    border-bottom: none;

}

.service_menu .actived{

    background: rgba(90,117,245,0.9);

}

.service_menu .actived>div{

    padding-left: 20px;

}

.service_list{

    float: left;

    width: 770px;

}

.service_list li{

    display: none;

    color: #fff;

}

.se_title{

    font-size: 24px;

    margin-bottom: 40px;

}

.se_con{

    font-size: 14px;

    line-height: 30px;

    color: rgba(255,255,255,0.6);

    margin-bottom: 40px;

}

.tiyan_btn{

    display: block;

    width: 140px;

    height: 38px;

    line-height: 38px;

    font-size: 14px;

    color: #fff;

    border: 1px solid rgba(255,255,255,0.6);

}

.tiyan_btn:hover{

    background: #5a75f5;

    color: #fff;

    border-color: #5a75f5;

}

.anli_title{

    font-size: 14px;

    margin: 50px 0 20px 0;

}

.anli_card{

    display: inline-block;

    margin-right: 20px;

    height: 58px;

    width: 198px;

    border: 1px solid rgba(255,255,255,0.1);

    background: rgba(0,0,0,0.1);

    line-height: 60px;

    text-align: center;



}

.section4 li{

    float: left;

    width: 330px;

    margin-right: 105px;

}

.section4 li:last-child{

    margin-right: 0;

}

.section4 li>div{

    height: 74px;

    font-size: 12px;

    line-height: 30px;

    padding-top: 15px;

    border-bottom: 1px solid rgba(51,51,79,0.1);

    color: #7a7a8c;

    float: inherit;

}

.section4 li>div>a{

    display: block;

    font-size: 14px;

    color: #33334f;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.section4 li>div>a:hover{

    color: #5a75f5;

}

.news_btn{

    display: block;

    text-align: left;

    height: 80px;

    line-height: 80px;

    font-size: 18px;

    color: #33334f;

    border-bottom: 1px solid rgba(51,51,79,0.1);

}

.news_btn>img{

    margin-right: 15px;

    vertical-align: middle;

}

.news_btn>span{

    float: right;

    font-size: 28px;

}

.news_btn:hover{

    color: #5a75f5;

}

.bottom_banner{

    text-align: center;

    height: 200px;

    padding-top: 50px;

    margin-top: 100px;

    background: url("../images/bottom_banner_bg.jpg") center;

    background-attachment: fixed;

}

.bottom_banner>h3{

    font-size: 30px;

    font-weight: lighter;

    margin-bottom: 30px;

}

.bottom_banner>p{

    font-size: 16px;

    color: #7a7a8c;

    margin-bottom: 30px;

}

.bottom_banner span{

    color: #5a75f5;

}

.bottom_btn{

    display: inline-block;

    height: 48px;

    line-height: 48px;

    width: 200px;

    color: #fff;

    background: #5a75f5;

}

footer{

    background: #33334f;

}

.foot1{

    padding: 60px 0 40px 0;

}

.foot1 li{

    float: left;

    min-width: 178px;

    padding-left: 60px;

    height: 200px;

    border-left: 1px solid rgba(255,255,255,0.08);

}

.foot_title{

    color: #fff;

    font-size: 16px;

    margin-bottom: 30px;

}

.foot_title>img{

    vertical-align: middle;

    margin-right: 10px;

}

.foot_list a{

    text-align: left;

    display: block;

    font-size: 12px;

    line-height: 30px;

    color: #adadb9;

}

.foot_list a:hover{

    color: #fff;

}

.foot_lx>img{

    margin-bottom: 25px;

}

.foot_lx>p{

    font-size: 12px;

    line-height: 30px;

    color: #fff;

    margin-bottom: 20px;

}

.foot_lx>a{

    margin-right: 15px;

}

.foot2{

    line-height: 24px;

    padding: 15px 0;

    font-size: 12px;

    color: #adadb9;

    border-top:1px solid rgba(255,255,255,0.08);

    border-bottom:1px solid rgba(255,255,255,0.08);

}

.foot2 a{

    position: relative;

    margin: 0 15px;

    color: #adadb9;

}

.foot2 a:after{

    content: '';

    position: absolute;

    left: calc(100% + 15px);

    top:4px;

    display: inline-block;

    background: #adadb9;

    height: 10px;

    width: 1px;

}

.foot2 a:last-child:after{

    display: none;

}

.foot2 a:hover{

    color: #fff;

}

.foot3{

    text-align: center;

    font-size: 12px;

    line-height: 24px;

    padding: 10px 0;

    color: rgba(255,255,255,0.6);

}

/*购买页*/

/*地区*/

.title_pro{

    position: relative;

    border-bottom: 1px solid rgba(51,51,79,0.08);

    padding:15px;

    font-size: 18px;

    font-weight: bold;

}

.title_pro:before{

    content: '';

    position: absolute;

    left: 0;

    top:18px;

    display: block;

    height: 20px;

    width: 2px;

    background: #ebac22;

}

.province{

    margin:15px auto;

}

.province li{

    float: left;

    margin: 5px;

    position: relative;

    cursor: pointer;

    background: #f8fafd;

}

.province li span{

    display:block;

    height:16px;

    width:36px;

    line-height:16px;

    text-align:center;

    font-size:12px;

    color:#fff;

    background:#ee2d0c;

    position:absolute;

    right:-8px;

    top:-8px;

}

.province li a{

    display: block;

    font: 14px/36px Arial, sans-serif;

    color: rgba(51,51,79,0.65);

    height: 36px;

    width: 120px;

    border: 1px solid #d6e4ee;

    transition: ease 0.3s;

}

.province .actived_pro a{

    border:1px solid #5a75f5;

    color: #5a75f5;

    background: rgba(90,117,245,0.06);

}

.province li a:hover{

    border:1px solid #5a75f5;

    color: #5a75f5;

}

/*vps产品*/

.vpslist{

    background: #f7f8fa;

    padding: 40px 0 80px 0;

}

.vpslist li{

    float: left;

    width: 276px;

    margin: 10px;

    background: #fff;

    border: 1px solid rgba(51,51,79,0.08);

    color: #33334f;

    transition: ease 0.2s;

}

.vpslist li:hover{

    box-shadow: 0 0 30px #d6e4ee;

    border: 1px solid #5a75f5;

    transform: scale(1.03);

}

.bohao_title{

    height:50px;

    font:bold 16px/50px Arial, sans-serif;

    border-bottom: 1px solid rgba(51,51,79,0.08);

    text-align: center;

}

.bohao_title1{

    font:bold 14px Arial, sans-serif;

    border-left: 2px solid #5a75f5;

    padding-left: 10px;

    margin: 15px 35px;

}

.peizhi_con{

    font:14px/30px Arial, sans-serif;

    margin: 0 35px;

    color: rgba(51,51,79,0.6);

}

.price_con{

    font:14px/30px Arial, sans-serif;

    margin: 0 35px;

    text-align: center;

}

.price_con b{

    color: #ee2d0c;

    font-size: 24px;

}

.shuju {

    border-top: 1px solid rgba(51,51,79,0.08);

    border-bottom: 1px solid rgba(51,51,79,0.08);

    margin: 20px;

    padding: 10px 0;

}

.shuju>span {

    text-align: center;

    padding: 10px;

    float: left;

    width: calc(33.3% - 21px);

    border-right: 1px solid #d6e4ee;

}

.shuju span p{

    color: rgba(51,51,79,0.6);

    font: 12px/18px Arial, sans-serif;

}

.shuju span h6{

    font-weight: lighter;

    font-size: 18px;

    margin: 0;

    padding: 0;

}

.pay_btn{

    display: block;

    font:14px/36px Arial, sans-serif;

    background: #5a75f5;

    color: #fff;

    height: 36px;

    width: 180px;

    margin: 20px auto;

}

.pay_btn:hover{

    background: rgba(90,117,245,0.9);

}

/*活动页*/

.huodong_list li{

    float:left;

    width:578px;

    height:160px;

    padding:20px 0px;

    margin-right:40px;

    margin-bottom:40px;

    border:1px solid #eee;

    box-shadow: 0 14px 28px -12px #eee;

    position:relative;

    transition: .2s;

}

.huodong_list li:nth-child(even){

    margin-right:0;

}

.huodong_list li:hover{

    border-color: #5a75f5;

}

.hd_img{

    float:left;

    margin: 0 20px;

    height: 160px;

    width: 200px;

    overflow: hidden;

    text-align: center;

}

.hd_con{

    margin-right:20px;

}

.hd_con p:nth-child(1){

    color:rgba(51,51,79,1);

    font-weight:bold;

    font-size:16px;

}

.hd_con p:nth-child(2){

    font-size:12px;

}

.hd_con p:nth-child(3){

    margin-top:10px;

    font-size:14px;

    height:70px;

    overflow:hidden;

}

.hd_btn{

    position:absolute;

    height: 24px;

    background: #5a75f5;

    line-height: 24px;

    padding: 0 10px;

    border-radius: 2px;

    right:20px;

    bottom:20px;

    font-size:14px;

    color:#fff;

}

.hd_btn:hover{

    text-decoration:underline;

}

.gsjj1{

    padding:40px 0;

    width:1200px;

    margin: 0 auto;

}

.gsjj1 p{

    color:rgba(51,51,79,0.5);

    font-size:14px;

    line-height:24px;

}

.gsjj1>h1{

    font-size:24px;

    border-left:3px solid #ebac22;

    padding-left:20px;

    margin-bottom:40px;

}

.hd_banner{

    height: 600px;

    background: url("../images/hd_banner.jpg") center;

}

.hd_float{

    background: url("../images/hd_float.png") center no-repeat;

    height: 302px;

    margin-top: 100px;

    animation: hd_animate 1s linear 0s infinite alternate;

    -webkit-animation: hd_animate 1s linear 0s infinite alternate;;

}

@keyframes hd_animate {

    from {margin-top:100px;}

    to {margin-top:80px;}

}

@-webkit-keyframes hd_animate {

    from {margin-top:100px;}

    to {margin-top:80px;}

}

/*关于我们*/

.vps_menu1{

    margin:20px 0;

    border-bottom:1px solid #eee;

}

.vps_menu1>h1{

    font-size:24px;

    border-left:3px solid #ebac22;

    padding-left:20px;

    margin:10px 0px 40px 20px;

}

.vps_menu2>h1{

    font-size:24px;

    border-left:3px solid #ebac22;

    padding-left:20px;

    margin:20px 0px 20px 0px;

}

.vps_menu1 ul{

    display:inline-block;

}

.vps_menu1 li{

    float:left;

    margin:0px 20px 20px 0;

    position:relative;

}

.vps_menu1 li a{

    display:block;

    width:120px;

    height:40px;

    border:1px solid #ddd;

    line-height:40px;

    font-size:14px;

    color:#33334f;

    transition:ease 0.3s;

}

.vps_menu1 li a:hover{

    background:#5a75f5;

    color:#fff;

    border-color: #5a75f5;

}

.vps_menu1 .actived3 a{

    background:#5a75f5;

    color:#fff;

    border-color: #5a75f5;

}

.company_left{

    float:left;

    border:1px solid #eee;

    padding:10px;

}

.company_right{

    text-indent: 2em;

    float:right;

    width:660px;

    color:rgba(51,51,79,0.6);

    font-size:16px;

    line-height:30px;

}

.service li{

    float:left;

    width:25%;

    text-align:center;

    font-size:14px;

    color:rgba(51,51,79,0.6);

}

.service li>h1{

    font-size:16px;

    color:#33334f;

    margin: 20px 0;

}

.service li>p{

    width:200px;

    margin:0 auto 40px auto;

    text-align:left;

    line-height:24px;

}

.join_img li{

    text-align:center;

    float:left;

    width:33.3%;

    margin:20px 0;

}

.join_img li div{

    padding:10px;

    width:330px;

    border:1px solid #eee;

}

.join li{

    width:31.3%;

    float:left;

    margin-bottom:40px;

    margin-right:3%;

}

.join li:nth-child(3),.join li:nth-child(6){

    margin-right:0;

}

.join li p{

    font-size:12px;

    line-height:24px;

    color:rgba(51,51,79,0.6);

    padding: 0 0 0 10px;

}

.join li b{

    font-size:14px;

    line-height:30px;

    padding: 0 0 0 10px;

}

.join li>h4{

    padding:10px;

    background:rgba(90,117,245,0.06);

    border-radius:3px;

}

.list_num{

    padding-left:20px;

}

.list_num li{

    list-style:decimal;

    font-size:14px;

    color:rgba(51,51,79,0.6);

    line-height:24px;

}

/*帮助中心*/

.help_menu li{

    float:left;

    height:120px;

    width:370px;

    line-height: 120px;

    background:#fff;

    border: 1px solid #f0efff;

    color: rgba(51,51,79,0.6);

    margin:40px 40px 0 0;

    text-align:center;

    transition:ease 0.2s;

    cursor:pointer;

    font-size: 18px;

    font-weight: bold;

}

.help_menu li:last-child{

    margin-right: 0;

}

.help_menu li:hover{

    border-color: #5a75f5;

    color: #5a75f5;

    box-shadow: 0 14px 28px -12px rgba(0,0,0,0.14);

}

.help_menu li img{

    vertical-align: middle;

    height: 80px;

    margin-right: 100px;

}

.help_menu .actived5{

    border-color: #5a75f5;

    color: #5a75f5;

    box-shadow: 0 14px 28px -12px rgba(0,0,0,0.14);

}

.help_list{

    width:1200px;

    margin:40px auto;

}

.help_list li{

    height:80px;

    padding:20px 0px;

    border:1px solid transparent;

    border-bottom:1px dashed #eee;

    transition:ease 0.2s;

    cursor:pointer;

}

.help_list li:hover{

    border: 1px solid #5a75f5;

}

.date_box{

    width:100px;

    height:80px;

    border:1px solid #eee;

    float:left;

    font-size:30px;

    text-align:center;

    line-height:50px;

    border-radius:3px;

    margin-left:20px;

}

.date_box>p{

    line-height:30px;

    border-top:1px solid #eee;

    font-size:14px;

    color:rgba(51,51,79,0.6);

}

.news_text{

    float:left;

    width:1035px;

    height:74px;

    overflow:hidden;

    padding:0px 20px;

    font-size:14px;

    line-height: 24px;

    color:rgba(51,51,79,0.6);

}

.news_text>h1{

    font-size:16px;

    margin: 8px 0;

    color:#33334f;

}

.m-page {

    margin: 40px 0;

    text-align: center;

    line-height: 32px;

    font-size: 0;

    letter-spacing: -0.307em;

    word-wrap: normal;

    white-space: nowrap;

    color: rgba(51,51,79,0.6);

}

.m-page a,

.m-page i {

    display: inline-block;

    vertical-align: top;

    padding: 0 16px;

    margin-left: -1px;

    border: 1px solid #eee;

    font-size: 12px;

    letter-spacing: normal;

    text-shadow: 0 1px #fff;

    background: #fff;

    transition: background-color 0.3s;

}



.m-page a,

.m-page a:hover {

    text-decoration: none;

    color: rgba(51,51,79,0.6);

}



.m-page a:first-child{

    margin-left:0;

    border-top-left-radius:2px;

    border-bottom-left-radius:2px;

}

.m-page a:last-child{

    margin-right:0;

    border-top-right-radius:2px;

    border-bottom-right-radius:2px;

}

.m-page a.pageprv:before{

    margin-right:3px;

    content:'\3c';

}

.pagenxt:after{

    content:'\3E';

}

.m-page a:hover {

    background: #f5f5f5;

}



.m-page a:active {

    background: #f0f0f0;

}

.m-page a.z-crt,

.m-page a.z-crt:hover,

.m-page a.z-crt:active {

    cursor: default;

    color: #33334f;

    background: #f5f5f5;

}

.m-page a.z-dis,

.m-page a.z-dis:hover,

.m-page a.z-dis:active {

    cursor: default;

    color: #ccc;

    background: #fff;

}/*右侧浮动*/

/*返回顶部*/

.toTop{

    display: none;

    position: fixed;

    right: 2px;

    bottom: 40px;

    height: 48px;

    width: 48px;

    font-size: 12px;

    text-align: center;

    color: #fff;

    background: rgba(100,143,247,0.9);

    z-index: 1001;

    cursor: pointer;

    transition: .2s;

}

.toTop:hover{

    color: #fff;

    background: #648ff7;

}

.toTop i{

    display: block;

    margin-top: 5px;

    font-size: 18px;

}



.qq_fix{

    bottom: 140px;

}

.phone_fix{

    font-size: 18px;

    bottom: 90px;

    overflow: hidden;

}

.phone_fix:hover{

    width: auto;

    padding: 0 15px;

}





/*登录注册*/

.log_banner{

    background: url("../images/log_banner.jpg") center no-repeat;

    height: 960px;

}

.user_form{

    margin: 120px auto 0 auto;

    width: 400px;

    padding: 40px;

    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

    background: rgba(0,0,0,0.2);

    border:1px solid rgba(255,255,255,0.2);

}

.user_input{

    position: relative;

    height: 44px;

    line-height: 44px;

    padding: 0 10px;

    background: #fff;

    margin-bottom: 30px;

    border-radius: 2px;

}

.user_input input{

    width: 100%;

    height: 44px;

    text-align: left;

    border: none;

    background: none;

    color: rgba(51,51,79,0.6);

    font-size: 16px;

}

.user_input input:focus{

    outline: none;

}

input::-webkit-input-placeholder {

    color: #aaa;

    letter-spacing:1px;

}

.user_form button{

    display: block;

    border: none;

    width: 100%;

    height: 44px;

    background: #5a75f5;

    color: #fff;

    font-size: 16px;

    cursor: pointer;

    border-radius: 2px;

}

.user_form a{

    display: block;

    color: rgba(255,255,255,0.6);

    font-size: 12px;

}

.user_form a:hover{

    color: #fff;

}

.right_link{

    float: left;

    margin: 10px 0 0 0;

}

.left_link{

    float: right;

    margin: 10px 0 0 0;

    font-size: 12px;

    font-weight: bold;

    display: block;

    height: 24px;

    padding: 0 10px;

    border-radius: 12px;

    background: rgba(255,255,255,0.1);

    line-height: 24px;

    color: #33334f;

    transition: .2s;

}

.user_tab li{

    float: left;

    width: 50%;

    text-align: center;

    height: 44px;

    line-height: 44px;

    margin-bottom: 48px;

}

.user_tab li a{

    font-size: 24px;

    display: block;

    color: rgba(255,255,255,0.6);

    border-bottom: 1px solid rgba(255,255,255,0.6);

}

.user_tab li a:hover{

    color: #5a75f5;

}

.user_tab .actived a{

    color: #5a75f5;

    border-bottom: 1px solid #5a75f5;

}

.vcode{

    margin-left:-40px;

}

.yz_txt1{

    position: absolute;

    top: 35px;

    left: 0;

    padding-left: 22px;

    font-size: 14px;

    color: #ee2d0c;

}

.yz_txt1:before{

    content: '!';

    display: block;

    position: absolute;

    left: 0;

    top:13px;

    font-size: 12px;

    font-weight: bold;

    line-height: 15px;

    text-align: center;

    height: 15px;

    width: 15px;

    border: 2px solid #ee2d0c;

    border-radius: 9px;

}

.yz_txt2{

    position: absolute;

    top: 35px;

    left: 0;

    padding-left: 22px;

    font-size: 14px;

    color: #5a75f5;

}

.yz_txt2:before{

    content: '\2714';

    display: block;

    position: absolute;

    left: 0;

    top:13px;

    font-size: 12px;

    font-weight: bold;

    line-height: 15px;

    text-align: center;

    height: 15px;

    width: 15px;

    border: 2px solid #5a75f5;

    border-radius: 9px;

}

.title h1 {

    font-size: 30px;

    line-height: 30px;

    margin-bottom: 20px;

    font-weight: lighter;

}



.con_box {

    background: #fff;

    width: 1160px;

    border-radius: 8px;

    margin: -100px auto 60px auto;

    box-shadow: 0 4px 20px rgba(51,51,79,0.1);

    padding: 30px 20px;

    margin-top: 20px;

}