body{

    margin:0;

    padding:0;

    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;

    letter-spacing:1.2px;

}

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

    list-style:none;

    margin:0;

    padding:0;

}

img{

    border:none;

}

a{

    text-decoration:none;

    text-align:center;

    cursor:pointer;

}

.container{

    width:1200px;

    margin:0 auto;

    position:relative;

}

.clear{

    clear:both;

}

section{

    overflow: hidden;

}

/*第一页*/

.section1{

    position: relative;

    min-width: 1200px;

    background: linear-gradient(-135deg,#474ed3,#615dee,#8660fe);

}

.se1_bg_bottom{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

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

    height: 526px;

    background-size: 100%;

}

.header_fix{

    position: fixed;

    width: 100%;

    min-width: 1200px;

    height: 80px;

    line-height: 80px;

    background: linear-gradient(90deg,#474ed3,#615dee,#8660fe);

    z-index: 1001;

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

}

.header_fix nav li i{

    top: 26px;

}

.header_fix .logo{

    margin-top: 18px;

}

header{

    height: 100px;

    line-height: 100px;

    transition: .3s;

}

nav{

   float: right;

}

nav li{

    position: relative;

    float: left;

    margin-left: 70px;

}

nav li a{

    color: #fff;

    font-size: 16px;

}

nav li a:hover{

    font-weight: bold;

}

nav li i{

    display: block;

    position: absolute;

    right: -8px;

    top: 36px;

    height: 6px;

    width: 6px;

    border-radius: 3px;

    background: #f53d54;

}

.reg_btn{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    width: 100px;

    border-radius: 2px;

    background: linear-gradient(-90deg,#615dee,#648ff7);

    transition: .2s;

}

.reg_btn1{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    width: 150px;

    border-radius: 2px;

    background: linear-gradient(-90deg,#615dee,#648ff7);

    transition: .2s;

}

.reg_btn:hover{

    font-weight: lighter;

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

}

.logo{

    line-height: 44px;

    margin-top: 28px;

    float: left;

}

.left_txt{

    position: relative;

    float: left;

    margin-top: 200px;

    color: #fff;

    z-index: 1;

}

.left_txt img{

    margin-bottom: 100px;

}

.left_txt h1{

    font-size: 36px;

    font-weight: lighter;

    margin-bottom: 60px;

}

.left_txt p{

    font-size: 18px;

    line-height: 30px;

    letter-spacing: 2px;

}

.right_card{

    position: relative;

    float: right;

    width: 700px;

    margin-top: 40px;

    z-index: 1;

}

.right_card li{

    float: right;

    width: 250px;

    height: 300px;

    border-radius: 8px;

    background: #fff;

    margin: 0 0 60px 60px;

    overflow: hidden;

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

}

.right_card li:nth-child(2){

    margin-top: 60px;

}

.right_card li:nth-child(3){

    margin-top: -60px;

}

.right_card li:nth-child(2)>div,.right_card li:nth-child(3)>div{

    background: linear-gradient(0deg,#615dee,#648ff7);

    height: 200px;

}

.right_card li:nth-child(1)>div,.right_card li:nth-child(4)>div{

    background: linear-gradient(0deg,#986bea,#d475cb);

    height: 200px;

}

.right_card li div{

    line-height: 200px;

    text-align: center;

}

.right_card li div img{

    vertical-align: middle;

}

.card_txt{

    display: block;

    color: #33334f;

    padding: 15px;

}

.card_txt h3{

    font-weight: lighter;

    font-size: 14px;

    margin-bottom: 10px;

}

.card_txt p{

    font-size: 12px;

    line-height: 18px;

    height: 36px;

    overflow: hidden;

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

}

.shop_btn1{

    display: block;

    height: 44px;

    width: 180px;

    line-height: 44px;

    border-radius: 2px;

    background: #fff;

    color: #648ff7;

    font-size: 14px;

    transition: .2s;

}

.shop_btn1 i{

    font-size: 14px;

    margin-right: 20px;

}

.shop_btn1:hover{

    margin-top: -3px;

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

}

/*第二页*/

.section2{

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

    background-size: 100%;

    min-width: 1200px;

}

.se2_nav{

    width: 280px;

    float: left;

    margin-top: 200px;

    text-align: center;

}

.se2_nav h3{

    font-size: 24px;

    color: #33334f;

    margin-bottom: 40px;

    font-weight: lighter;

}

.se2_nav p{

    font-size: 14px;

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

    margin-bottom: 100px;

}

.se2_nav li{

    margin-bottom: 30px;

    color: #33334f;

    cursor: pointer;

}

.se2_nav .actived{

    color: #648ff7;

}

.se2_nav .actived:before{

    font-size: 18px;

    content: '-';

    margin-right: 30px;

}

.se2_nav .actived:after{

    font-size: 18px;

    content: '-';

    margin-left: 30px;

}

.se2_nav li a{

    color: #33334f;

}

.se2_nav li a:hover{

    color: #648ff7;

}

.se2_card{

    float: right;

    margin-top: 160px;

}

.vps_card{

    height: 300px;

    width: 800px;

    background: #fff;

    margin-bottom: 60px;

    border-radius: 8px;

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

    overflow: hidden;

}

.vps_card img{

    float: left;

}

.vps_card ul{

    display: none;

    float: right;

    width: 600px;

    height: 100%;

}

.vps_card li{

    float: left;

    width: calc(33.3% - 81px);

    height: calc(100% - 40px);;

    padding: 40px 40px 0 40px;

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

    white-space: nowrap;

}

.vps_card li:last-child{

    border-right: none;

}

.vps_card li h3{

    font-size: 16px;

    font-weight: lighter;

    line-height: 16px;

    color: #33334f;

    margin-bottom: 40px;

}

.vps_card li .p1{

    font-size: 14px;

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

    margin-bottom: 20px;

}

.vps_card li .p1 span{

    font-size: 24px;

    color: #f4949d;

}

.vps_card li .p2{

    font-size: 12px;

    line-height: 24px;

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

}

.vps_card li a{

    display: none;

    height: 36px;

    line-height: 36px;

    width: 100px;

    border-radius: 2px;

    background: #f4949d;

    color: #fff;

    font-size: 14px;

    box-shadow: 0 1px 4px rgba(0,0,0,0.14);

    margin: 20px auto 0 auto;

}

/*第三页*/

.section3{

    background: #f7fbfc url("../images/se3_bg_bottom.png") bottom center no-repeat;

    background-size: 100%;

    min-width: 1200px;

}

.se3_card{

    float: left;

    margin-top: 240px;

}

.se3_card li{

    height: 60px;

    width: 500px;

    padding: 20px;

    border-radius: 8px;

    background: #fff;

    margin-bottom: 40px;

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

}

.se3_card li img{

    margin-right: 20px;

}

.se3_card li span{

    float: left;

}

.se3_card li span h3{

    width: 400px;

    font-size: 16px;

    line-height: 16px;

    font-weight: lighter;

    color: #33334f;

    margin-bottom: 6px;

}

.se3_card li span p{

    width: 440px;

    font-size: 14px;

    line-height: 18px;

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

}

.about_txt{

    float: right;

    width: 500px;

    margin-top: 280px;

}

.about_txt h3{

    font-size: 24px;

    font-weight: lighter;

    margin-bottom: 40px;

    color: #33334f;

}

.about_txt p{

    font-size: 14px;

    line-height: 30px;

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

    margin-bottom: 100px;

}

.shop_btn2{

    display: block;

    height: 44px;

    width: 180px;

    line-height: 44px;

    border-radius: 2px;

    background: linear-gradient(90deg,#648ff7,#615dee);

    color: #fff;

    font-size: 14px;

    transition: .2s;

}

.shop_btn2 i{

    font-size: 14px;

    margin-right: 20px;

}

.shop_btn2:hover{

    margin-top: -3px;

    box-shadow: 0 14px 28px -12px rgba(51,51,79,0.65);

}

/*第四页*/

.section4{

    position: relative;

    min-width: 1200px;

    background: #33334f;

}

.se4_card{

    position: relative;

    margin-top: 200px;

    z-index: 1;

}

.se4_card .actived{

    background: #fff;

    color: #33334f;

    margin-top: -4px;

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

}

.se4_card li{

    float: left;

    width: 280px;

    height: 300px;

    border-radius: 8px;

    margin-right: 180px;

    text-align: center;

    font-size: 18px;

    color: #fff;

    transition: .2s;

    cursor: pointer;

}

.se4_card li:last-child{

    margin-right: 0;

}

.se4_card li img{

    margin: 40px 0 60px 0;

}

.se4_bg_top{

    position: absolute;

    right: 40px;

    top:40px;

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

    width: 212px;

    height: 211px;

}

.se4_bg_bottom{

    position: absolute;

    left: 0;

    top:400px;

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

    width: 144px;

    height: 170px;

}

/*底部*/

footer{

    height: 300px;

    background: #fff;

    min-width: 1200px;

    background-size: 100%;

}

.footer1{

    height:80px;

    background: linear-gradient(90deg,#474ed3,#615dee,#8660fe);

}

.footer1 p{

    float: left;

    line-height: 80px;

    color: #fff;

    font-size: 18px;

}

.footer1 a{

    float: right;

    display: block;

    margin-top: 16px;

    height: 48px;

    width: 180px;

    line-height: 48px;

    border-radius: 2px;

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

    color: #fff;

    font-size: 14px;

    transition: .2s;

}

.footer1 a:hover{

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

}

.footer2{

    height: 160px;

}

.footer2 img{

    float: left;

    margin-top: 60px;

}

.footer2 ul{

    float: right;

    margin-top: 40px;

}

.footer2 ul li{

    float: left;

    font-size: 14px;

    color: #33334f;

    line-height: 30px;

    margin-left: 120px;

}

.footer2 ul li a{

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

    font-size: 12px;

}

.footer2 ul li a:hover{

    color: #648ff7;

}

.footer3{

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

}

.footer3 p{

    float: left;

    font-size: 12px;

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

    margin-top: 10px;

    line-height: 18px;

}

.footer3 span{

    float: right;

    color: #33334f;

    margin-top: 12px;

}

.footer3 img{

    vertical-align: middle;

    margin-right: 10px;

}

/*右侧浮动*/

/*返回顶部*/

.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;

}

.right_fix{

    position: fixed;

    right: 2px;

    height: 48px;

    width: 48px;

    line-height: 48px;

    font-size: 12px;

    text-align: center;

    color: #fff;

    border-radius: 2px;

    background: rgba(51,51,79,0.3);

    z-index: 1001;

    cursor: pointer;

    transition: .2s;

}

.right_fix i{

    font-size: 20px;

}

.right_fix:hover{

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

}

.qq_fix{

    bottom: 140px;

}

.phone_fix{

    font-size: 18px;

    bottom: 90px;

    overflow: hidden;

}

.phone_fix:hover{

    width: auto;

    padding: 0 15px;

}

/*购买页*/

/*地区*/

.title_pro{

    border-bottom: 1px solid #eee;

    padding:15px 10px;

    font-size: 18px;

}

.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:#e87568;

    position:absolute;

    right:-8px;

    top:-8px;

    border-radius:3px;

}

.province li a{

    display: block;

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

    color: #33334f;

    height: 36px;

    width: 120px;

    border: 1px solid #d6e4ee;

    transition: ease 0.3s;

}

.province .actived_pro a{

    border:1px solid #648ff7;

    color: #648ff7;

}

.province li a:hover{

    border:1px solid #648ff7;

    color: #648ff7;

}

/*vps产品*/

.vpslist{

    background: #f8fafd;

    padding: 40px 0 80px 0;

    border-top:1px solid #eee;

}

.vpslist li{

    float: left;

    width: 278px;

    margin: 10px;

    background: #fff;

    border-radius: 3px;

    border: 1px solid #d6e4ee;

    color: #33334f;

    transition: ease 0.2s;

}

.vpslist li:hover{

    box-shadow: 0 0 30px #d6e4ee;

    border: 1px solid #648ff7;

    transform: scale(1.03);

}

.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;

}

.peizhi_con{

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

    margin: 0 35px;

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

}

.price_con{

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

    margin: 35px;

padding-top:5px;

text-align:center;

}

.price_con b{

    color: #e74c3c;

    font-size: 24px;

}

.shuju{

    border-top:1px solid #d6e4ee;

    border-bottom:1px solid #d6e4ee;

    margin: 10px;

    padding: 10x 0 !important;

}

.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.5);

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

}

.shuju>span h6{

margin:0;

padding:0;

    font-weight: lighter;

    font-size: 20px;

}

.pay_btn{

    display: block;

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

    background: #e87568;

    color: #fff;

    height: 36px;

    width: 180px;

    margin: 20px auto;

}

.pay_btn:hover{

    background: #e86051;

}

.banner{

    text-align: center;

    height: 270px;

    min-width: 1200px;

    overflow: hidden;

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

    font: 28px/240px Arial, sans-serif;

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

    padding-top: 80px;

}
.gjb{

    text-align: center;

    height: 270px;

    min-width: 1200px;

    overflow: hidden;

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

    font: 28px/240px Arial, sans-serif;

    background: url("/web/images/gjb.jpg") bottom center;

    padding-top: 150px;

}
.adsl{

    text-align: center;

    height: 270px;

    min-width: 1200px;

    overflow: hidden;

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

    font: 28px/240px Arial, sans-serif;

    background: url("/web/images/adsl.png") bottom center;

    padding-top: 150px;

}

.banner span{

    color: #648ff7;

    font-size: 36px;

}

.title_banner{

    text-align:center;

    height:300px;

    min-width:1200px;

    padding-top: 80px;

}

.banner2{

    background:#33334f;

}

.banner3{

    background:#33334f;

}

.title_banner p:nth-child(1){

    font-size:28px;

    padding:50px 0px 20px 0px;

    color: #fff;

}

.title_banner p:nth-child(2){

    font-size:14px;

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

}

.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;

}

.help_menu li{

    float:left;

    height:120px;

    width:273px;

    line-height: 120px;

    background:#fff;

    border-radius:2px;

    border: 1px solid #f0efff;

    margin-right:20px;

    text-align:center;

    transition:ease 0.3s;

    cursor:pointer;

}

.help_menu li:last-child{

    margin-right: 0;

}

.help_menu li:hover{

    border-color: #648ff7;

    color: #648ff7;

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

}

.help_menu li img{

    vertical-align: middle;

    height: 60px;

    margin-right: 80px;

}

.help_menu .actived5{

    border-color: #648ff7;

    color: #648ff7;

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

}

.help_list{

    width:1140px;

    margin:40px auto 20px auto;

}

.help_list li{

    height:80px;

    padding:20px 0px;

    border:1px solid transparent;

    border-bottom:1px dashed #f0efff;

    transition:ease 0.3s;

    cursor:pointer;

}

.help_list li:hover{

    border: 1px solid #648ff7;

}

.date_box{

    width:100px;

    height:80px;

    border:1px solid #f0efff;

    float:left;

    font-size:36px;

    text-align:center;

    line-height:50px;

    border-radius:3px;

    margin-left:20px;

}

.date_box>p{

    line-height:30px;

    border-top:1px solid #f0efff;

    font-size:14px;

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

}

.news_text{

    float:left;

    width:970px;

    height:74px;

    overflow:hidden;

    padding:0px 20px;

    font-size:14px;

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

}

.news_text>h1{

    font-size:16px;

    margin: 8px 0;

    color:#33334f;

}

.m-page {

    margin: 36px 0 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.5);

}

.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: #648ff7;

}



.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: rgba(51,51,79,0.5);

    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;

}

.vps_menu1{

    margin-bottom:20px;

    border-bottom:1px solid #f0efff;

}

.vps_menu1>h1{

    font-size:24px;

    border-left:3px solid #fbd530;

    padding-left:20px;

    margin:10px 0px 40px 20px;

}

.vps_menu2>h1{

    font-size:24px;

    border-left:3px solid #fbd530;

    padding-left:20px;

    margin:20px 0px 20px 0px;

}

.vps_menu1 ul{

    display:inline-block;

}

.vps_menu1 li{

    float:left;

    margin:0px 0px 20px 20px;

    position:relative;

}

.vps_menu1 li a{

    display:block;

    width:120px;

    height:40px;

    border-radius:2px;

    border:1px solid #f0efff;

    line-height:40px;

    font-size:14px;

    font-weight:bold;

    color:#33334f;

    transition:ease 0.3s;

}

.vps_menu1 li a:hover{

    background:#648ff7;

    color:#fff;

}

.vps_menu1 .actived3 a{

    background:#648ff7;

    color:#fff;

}

.gsjj1{

    padding:20px;

    width:1120px;

}

.gsjj1 p{

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

    font-size:14px;

    line-height:24px;

}

.gsjj1>h1{

    font-size:24px;

    border-left:3px solid #fbd530;

    padding-left:20px;

    margin-bottom:60px;

}

.company_left{

    float:left;

    border:1px solid #f0efff;

    padding:10px;

}

.company_right{

    text-indent: 2em;

    float:right;

    width:660px;

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

    font-size:14px;

    line-height:30px;

    word-break:break-all;

}

.service li{

    float:left;

    width:25%;

    text-align:center;

    font-size:14px;

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

}

.service li>h1{

    font-size:16px;

    color:#33334f;

    margin: 10px 0;

}

.service li>p{

    width:200px;

    margin:0 auto;

    text-align:left;

    line-height:24px;

}

.join_img li{

    text-align:center;

    float:left;

    width:33.3%;

    margin-bottom:40px;

}

.join_img li div{

    padding:10px;

    width:300px;

    border:1px solid #f0efff;

}

.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;

    font-family:'宋体';

    line-height:20px;

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

}

.join li b{

    font-size:14px;

    line-height:30px;

}

.join li>h4{

    padding:10px;

    background:#f5f6ff;

    border-radius:3px;

}

.list_num{

    padding-left:20px;

}

.list_num li{

    list-style:decimal;

    font-size:14px;

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

    line-height:24px;

}

.login{

    width:860px;

    padding:20px;

    margin:120px auto;

    background:#fff;

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

    border-radius:8px;

}

.login_left{

    float:left;

    height:340px;

    width:480px;

    border-radius:3px;

    overflow:hidden;

    margin:10px;

    background:url(../images/login_img.jpg);

}

.login_right{

    float:left;

    margin-left:40px;

    color:#fff;

    font-size:14px;

}

.login_right>h1{

    color:#33334f;

    font-size:24px;

    padding-left:20px;

    border-left:3px solid #fbd530;

    margin-top: 10px;

}

.login_right p{

    margin:28px 0px;

}

.login_right input[type=text]{

    font-size:16px;

    color:#33334f;

    height:48px;

    width:280px;

    padding:0px 10px;

    background:#fff;

    border-radius:2px;

    border:1px solid #f0efff;

    outline-color:#648ff7;

}

.login_right button{

    display:block;

    font-size:16px;

    height:48px;

    width:300px;

    border-radius:2px;

    background:#648ff7;

    border:none;

    color:#fff;

    cursor: pointer;

}

.login_right button:hover{

    background: #615dee;

}

.p4{

    margin-top:-18px !important;

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

}

.p4 span:nth-child(1){

    float:left;

}

.p4 span:nth-child(2){

    float:right;

}

.p4 a{

    color:#648ff7;

}

.p5{

    text-align:right;

}

.p5 a{

    float:right;

    margin-left:20px;

    font-size:12px;

    font-weight:bold;

    display:block;

    height:24px;

    padding: 0 10px;

    border-radius:12px;

    background:#fff;

    line-height:24px;

    color:#33334f;

    border: 1px solid #f0efff;

    transition: .2s;

}

.p5 a img{

    vertical-align:text-bottom;

}

.p5 a:hover{

    border-color: #648ff7;

}

.register{

    float:left;

    margin-left:40px;

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

    font-size:14px;

}

.register>h1{

    color:#33334f;

    font-size:24px;

    padding-left:20px;

    border-left:3px solid #fbd530;

    margin-top: 10px;

}

.register p{

    margin:28px 0px;

}

.register input[type=text]{

    font-size:16px;

    color:#33334f;

    height:48px;

    width:350px;

    padding:0px 10px;

    background:#fff;

    border-radius:2px;

    border:1px solid #ebebeb;

    outline-color:#648ff7;

    margin-right:40px;

}

.register button{

    display:block;

    font-size:16px;

    height:48px;

    width:370px;

    border-radius:2px;

    border:1px solid #f0efff;

    background:#648ff7;

    color:#fff;

}

.vcode{

    margin-left:-100px;

}

.vcode1{

    display:inline-block;

    margin-left:-60px;

}

.news_con{

    padding: 20px 40px;

}

.news_con h1{

    text-align: center;

    font-size: 24px;

    margin: 40px 0;

}

.news_con p{

    font-size: 16px;

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

    margin-bottom: 40px;

}

.news_con .news_date{

    font-size: 14px;

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

    text-align: right;

}

.huodong_banner{

    height: 500px;

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

    padding-top: 80px;

    min-width: 1200px;

}

.huodong_list li{

    float:left;

    width:538px;

    height:160px;

    padding:20px 0px;

    margin-right:40px;

    margin-bottom:40px;

    border:1px solid #f0efff;

    border-radius:2px;

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

    position:relative;

    transition: .2s;

}

.huodong_list li:nth-child(even){

    margin-right:0;

}

.huodong_list li:hover{

    border-color: #648ff7;

}

.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;

    right:20px;

    bottom:20px;

    font-size:14px;

    color:#648ff7;

}

.hd_btn:hover{

    text-decoration:underline;

}

.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;text-align:center;}.alert h4{margin-top:0;color:inherit;}.alert .alert-link{font-weight:bold;}.alert>p,.alert>ul{margin-bottom:0;}.alert>p+p{margin-top:5px;}.alert-dismissable,.alert-dismissible{padding-right:35px;}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit;}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;}.alert-success hr{border-top-color:#c9e2b3;}.alert-success .alert-link{color:#2b542c;}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1;}.alert-info hr{border-top-color:#a6e1ec;}.alert-info .alert-link{color:#245269;}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;}.alert-warning hr{border-top-color:#f7e1b5;}.alert-warning .alert-link{color:#66512c;}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1;}.alert-danger hr{border-top-color:#e4b9c0;}.alert-danger .alert-link{color:#843534;}