*{margin:0;padding:0;list-style:none;font-family:"microsoft yahei";-webkit-text-strokeļ¼.2px;-webkit-font-smoothing: subpixel-antialiased}
img{vertical-align:middle;}
body{background:#f5f5f5;}
a{color: #303030;text-decoration:none;cursor:pointer;}
.clearfix:after{clear:both;display:block;height:0;content:"";}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.w1200{margin:0 auto;width:1200px;}
div.bg{ background: #FFFFFF; padding: 40px 0;}
div.status_bar{ padding: 36px 0;}
div.status_bar ul.steps{float: right;width: 408px;padding-top: 36px;}
div.status_bar ul.steps.on-step1{background: url(/res/images/Index/on-step1.png) no-repeat 0 0;}
div.status_bar ul.steps.on-step2{background: url(/res/images/Index/on-step2.png) no-repeat 0 0;}
div.status_bar ul.steps li.l1{text-indent: 10px;}
div.status_bar ul.steps li.l2{text-indent: -15px;}
div.status_bar ul.steps.on-step1 li.l1{ color: #f08200;}
div.status_bar ul.steps.on-step2 li.l2{ color: #f08200;}

div.status_bar ul.steps li{float: left;width: 50%;text-align: center;color: #898989;font-size: 12px;}
div.area{ border: 2px solid #dcdcdc; margin-bottom: 17px;}
div.area_header div.title{ height: 36px; line-height: 36px;}
i.num_icon{width: 36px; height: 36px; text-align: center; line-height: 36px; background: #c9c9c9; font-size: 24px; color: #ffffff; display: inline-block; font-style: normal;font-family: impact; margin-right: 16px;}
div.area_header div.title span{font-size: 14px;color: #c9c9c9;}
i.horn_icon{width: 17px;height: 14px;display: inline-block;background: url(/res/images/Index/horn_icon.png) no-repeat center center;background-color: whitesmoke;}
div.promotionInfo{ height: 36px; line-height: 36px; padding-right: 10px;}
div.promotionInfo p{color: #595757;font-size: 14px;}
div.promotionInfo p b{ margin: 0 10px;}
div.promotionInfo p span{color: #f08200;font-weight: 400;text-decoration: underline;cursor: pointer;}
div.area_main{padding: 35px 50px 35px;}
div.input_info{}
div.input_info ul {}
div.input_info ul li{padding-bottom: 20px;}
div.input_info ul li label{width: 100px;text-align: left;color: #303030;font-size: 14px;display: inline-block;height: 40px;line-height: 40px;}
div.input_info ul li input{  height: 33px; line-height: 33px; border: 1px solid #898989; font-size: 12px; color: #a9a9a9; text-indent: 8px;}
div.input_info ul li select{ height: 33px; line-height: 33px;}
div.input_info ul li input.mobile{ width: 198px;}
div.input_info ul li input.code{ width: 100px;}
div.input_info ul li input.address{ width: 300px;}
div.input_info ul li img.code_img{ width: 90px; height: 33px;}
div.input_info ul li input.name{width: 198px;}
div.input_info ul li input.IDorAccount{ width: 241px; height: 34px; line-height: 34px; color: #a9a9a9;text-indent: 8px;border: 1px solid #898989;font-size: 12px;}
div.address_main,div.speedList,div.routerList{display: block;}
div.speedList a{width: 106px;height: 30px;text-align: center;line-height: 30px;display: inline-block;border: 1px solid #a7a5a5;color: #282727;font-size: 12px;margin-right: 22px;}
div.routerList a{width: 98px;height: 30px;text-align: center;line-height: 30px;display: inline-block;border: 1px solid #a7a5a5;color: #282727;font-size: 12px;}
div.speedList a.active{color: #f08300;border: 1px solid #F08300;}
div.routerList a.active{color: #f08300;border: 1px solid #F08300;}
div.selectPackage{}
div.product{ width: 510px;}
div.productTitle{ width: 300px; height: 60px;line-height: 60px; font-weight: bold; font-size: 16px; text-align: center; background: #000000; color: #FFFFFF; margin: 0 auto;}
div.product.product0 div.productTitle{ background: url(/res/images/Index/title_bg0.png) no-repeat center center;}
div.product.product1 div.productTitle{ background: url(/res/images/Index/title_bg1.png) no-repeat center center;}
div.product.product2 div.productTitle{ background: url(/res/images/Index/title_bg2.png) no-repeat center center;}


div.product.product1 div.productList dl dt span.s4{ color: #6b1685;}
div.product.product2 div.productList dl dt span.s4{ color: #f08200;}

div.product.product0 div.productList dl dd.active span.s4{ color: #DA2627;}
div.product.product1 div.productList dl dd.active span.s4{ color: #6b1685;}
div.product.product2 div.productList dl dd.active span.s4{ color: #f08200;}

div.product.product0 div.productList dl dd.active span.s4 em.sup_title{ background: url(/res/images/Index/icon_sup_active0.png) no-repeat center center;}
div.product.product1 div.productList dl dd.active span.s4 em.sup_title{ background: url(/res/images/Index/icon_sup_active1.png) no-repeat center center;}
div.product.product2 div.productList dl dd.active span.s4 em.sup_title{background: url(/res/images/Index/icon_sup_active2.png) no-repeat center center;}

/**hover**/
/*div.product.product1 div.productList dl dd:hover span.s4{ color: #6b1685;}
div.product.product2 div.productList dl dd:hover span.s4{ color: #f08200;}

div.product.product1 div.productList dl dd:hover span.s4 em.sup_title{ background: url(/res/images/Index/icon_sup_active1.png) no-repeat center center;}
div.product.product2 div.productList dl dd:hover span.s4 em.sup_title{background: url(/res/images/Index/icon_sup_active2.png) no-repeat center center;}*/


div.product.product0 div.productList dl dd.active span.s5 a.icon_radio{ background: url(/res/images/Index/icon_radio_active0.png) no-repeat center center;}
div.product.product1 div.productList dl dd.active span.s5 a.icon_radio{ background: url(/res/images/Index/icon_radio_active1.png) no-repeat center center;}
div.product.product2 div.productList dl dd.active span.s5 a.icon_radio{background: url(/res/images/Index/icon_radio_active2.png) no-repeat center center;}


div.productList{}
div.productList dl dt span{ background: #dcdddd; display:block; float: left;height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #666666;}
div.productList dl dt span.s1{ width: 99px;  border-left: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc; border-right: 1px solid #ffffff;}
div.productList dl dt span.s2{width: 99px;border-left: 0px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #ffffff;}
div.productList dl dt span.s3{width: 99px;border-left: 0px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #ffffff;}
div.productList dl dt span.s4{width: 143px;border-left: 0px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
div.productList dl dt span.s5{background: #FFFFFF; width: 63px;}

div.productList dl dd{ cursor: pointer;}
div.productList dl dd span{background: #f0f2f5;display:block;float: left;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #666666;}
div.productList dl dd span.s1{width: 99px;border-left: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
div.productList dl dd span.s2{width: 99px;border-left: 0px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
div.productList dl dd span.s3{width: 99px;border-left: 0px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;position:relative;}
div.productList dl dd span.s4{width: 143px;border-left: 0px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
.product0 div.productList dl dd span.s4{color: #da2627;}
div.productList dl dd span.s5{ background: #FFFFFF; width: 63px;}
div.productList dl dd:nth-of-type(2) span{border-top: 0; border-bottom: 0;}
em.sup_title{background: url(/res/images/Index/icon_sup.png) no-repeat left center;width:  62px;height: 21px;font-size: 12px;font-style:  normal;display:  inline-block;line-height: 21px;color:  #fff;text-align:  center;float:  right;margin-top: 4px;margin-right: 20px;}
.product0 em.sup_title{background: url(/res/images/Index/icon_sup_active0.png) no-repeat center center;}
#qef50listdd{    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #666;
    background: #f0f2f5;
    margin-right: 65px;
    border: 1px solid #DCDCDC;
    border-width: 0 1px 1px 1px;}
#qef50listdd span{
	color: #DA2627;
    float: inherit;
    display: inline;
	font-size: 12px;
}
a.icon_radio{width: 13px;height: 13px;display: inline-block;background: url(/res/images/Index/icon_radio.png) no-repeat center center;}

div.selectPackageInfo{
    padding-right: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
}
div.selectPackageInfo ul{}
div.selectPackageInfo ul li{height: 35px;line-height: 35px;}
div.selectPackageInfo ul li p{text-align:  right;color: #303030;font-size: 14px;}
div.selectPackageInfo ul li p span{font-size:  18px;}
div.selectPackageInfo ul li p span.sub_text{font-size: 16px;}
div.selectPackageInfo ul li p a.btn{border-radius: 8px;color: #FFFFFF;display:  inline-block;width: 90px;text-align:  center;margin: 0 0 0 8px;height: 30px;line-height: 30px;}


div.selectPackageInfo.active_0 ul li p span{color: #DA2627;}
div.selectPackageInfo.active_0 ul li p a.btn{border-radius: 8px;color: #FFFFFF;background: #DA2627;display:  inline-block;width: 90px;text-align:  center;margin: 0 0 0 8px;height: 30px;line-height: 30px;}

div.selectPackageInfo.active_1 ul li p span{color: #6b1685;}
div.selectPackageInfo.active_1 ul li p a.btn{border-radius: 8px;color: #FFFFFF;background: #6b1685;display:  inline-block;width: 90px;text-align:  center;margin: 0 0 0 8px;height: 30px;line-height: 30px;}


div.selectPackageInfo.active_2 ul li p span{ color: #f08200;}
div.selectPackageInfo.active_2 ul li p a.btn{border-radius: 8px;color: #FFFFFF;background: #f08200;display:  inline-block;width: 90px;text-align:  center;margin: 0 0 0 8px;height: 30px;line-height: 30px;}

div.area_header_before div.title span{ color: #f08300;}
div.area_header_before div.title i.num_icon{ background: #f08300;}

div.area_header_after div.title span b{color: #f08300;margin: 0 8px;cursor:  pointer;}
div.centerline_bg{background: url(/res/images/Index/shadow.png) no-repeat 45% top;}
div.choiceInfo{ width: 800px;margin: 0 auto;}
div.choiceInfo ul li p{color: #595757;font-size: 14px;height: 30px;line-height: 30px;}
div.choiceInfo ul li p label{width: 130px;display: inline-block;}
div.pay_main{width: 1060px;border-top: 1px dashed #c9c9c8;/* border-bottom: 1px dashed #c9c9c8; */padding-top: 40px;padding-bottom: 40px;margin: 0 auto;}
div.selectPay a{ width: 244px; height: 75px; line-height: 75px; display: block; float: left; font-size: 30px; color: #000000; border-radius: 10px; border: 1px solid #c9c9c9; text-align: center; margin-left: 80px;}
div.selectPay a.active{border: 1px solid #f08300; background: #eeeeee;}
i.icon_zfb{width: 62px;height: 62px;display: inline-block;vertical-align: middle;background: url(/res/images/Index/icon_zfb.png) no-repeat center center;margin-bottom: 6px;}
i.icon_wx{width: 68px;height:62px;display: inline-block;vertical-align: middle;background: url(/res/images/Index/icon_wx.png) no-repeat center center;margin-bottom: 6px;}

div.installNotice{width: 1200px;border: 1px solid #f6ae54;margin: 0 auto;margin-top: 48px;}
div.installNotice dl{ padding: 30px; font-size: 12px; color: #4c4b4a;}
div.installNotice dl dt{ padding: 5px 0;}
div.installNotice dl dd{ padding: 5px 0 5px 20px;}


div.orderInfo{width: 777px;margin: 0 auto;background: url(/res/images/Index/borderBox.png) no-repeat center center;background-size: 100% 100%;padding: 20px 0 90px;}
div.orderInfo dl{ width: 650px; margin: 0 auto;}
div.orderInfo dl dt{color: #00781d;font-size: 24px;font-weight: bold;text-align: center;padding-top: 35px;padding-bottom: 25px;border-bottom: 1px dashed #dcdcdc;}
div.orderInfo dl dd{width: 400px;margin:  0 auto;}
div.orderInfo dl dd p{height: 55px;line-height: 55px;color: #727171;}
div.orderInfo dl dd p label{width: 160px;display: inline-block;text-align:  right;vertical-align:  middle;font-size: 12px;}
div.orderInfo dl dd p b{color: #595757;width: 230px;text-overflow: ellipsis;white-space: nowrap;overflow:  hidden;display:  inline-block;vertical-align:  middle;font-size: 14px;}
div.orderInfo dl dd p b.yes{ color: #00781D;}
div.orderInfo dl dd p b.on{ color: red;}
div.orderInfo dl dd p b span{ color: #eb0000;}
div.reminder{ width: 777px;margin: 0 auto; padding: 25px 0;}
div.reminder dl{font-size: 12px}
div.reminder dl dt{ color: #f08300; padding-top: 5px; padding-bottom: 5px;}
div.reminder dl dd{ padding-left: 20px; color: #4c4b4a; padding-top: 5px; padding-bottom: 5px;}
div.reminder dl dd a.contactKF_btn{width: 84px;height: 33px;background: #eeeeee;color: #4c4b4a;display: block;text-align: center;line-height: 33px;border: 1px solid #f6ae54;margin-left: -20px;}

div.Id_con{ padding: 35px 0;}
div.Id_con label,div.Id_pic label{width: 82px;display: inline-block;color: #4c4b4a;font-size: 14px;text-indent: 10px;}
div.Id_con input.Id_input{width: 223px;height: 33px;line-height: 33px;background: rgba(238,238,238,0.7);font-size: 14px;border: 1px solid #a0a0a0;}


.Tab {
    margin-bottom: -1px;
}

    .Tab label {
        height: 39px;
        line-height: 39px;
        font-size: 14px;
        color: #4c4b4a;
    }

ul.TabBar li {
    float: left;
    height: 39px;
    line-height: 39px;
    width: 150px;
    text-align: center;
    border: 1px solid #dcdcdc;
    margin-left: 2px;
    background: #eee;
    cursor: pointer;
    border-bottom: #FFFFFF;
    margin-right: 15px;
}

    ul.TabBar li.l1 i {
        background: url(/res/images/Index/rn_bg01.gif) no-repeat 0 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: 8px;
    }

    ul.TabBar li.l2 i {
        background: url(/res/images/Index/rn_bg01.gif) no-repeat -25px 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: 8px;
    }

    ul.TabBar li.l3 i {
        background: url(/res/images/Index/rn_bg01.gif) no-repeat -54px 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: 8px;
    }

    ul.TabBar li.active {
        background: #fff;
        color: #F08200;
    }

.tab1, .tab2, .tab3 {
    width: 700px;
    margin-left: 86px;
    padding-bottom: 45px;
    padding-top: 45px;
    border: 1px solid #DCDCDC;
}

.tips {
    margin-left: 40px;
    margin-bottom: 25px;
    color: #505050;
}

    .tips i {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin: -2px 10px 0 0;
        background: url(/res/images/Index/rn_icon01.gif) no-repeat 0 0;
    }

.wz {
    font-size: 30px;
    padding-top: 40px;
    color: #505050;
}

    .wz p {
        font-size: 22px;
        text-indent: 18px;
    }

.refer {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px;
}

    .refer a {
        width: 95px;
        height: 23px;
        display: inline-block;
        text-align: center;
        line-height: 23px;
        background: #f6f6f6;
        border: 1px solid #ddd;
        border-radius: 2px;
        color: #333;
        text-decoration: none;
        font-size: 12px;
    }

.referagree a {
    background: #FFEC8B;
}

.example-msg {
    text-align: center;
    color: #DDD;
    font-size: 12px;
}

    .example-msg span {
        color: red;
    }

.sl {
    margin-top: 50px;
}

.uploadBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    height: 130px !important;
    opacity: 0;
    filter: alpha(opacity=0);
}


.ml{margin-left: 60px;}
.wx p{ font-size: 24px}
.ML1 {
    margin-left: 40px;
    position: relative;
    height: 120px;
}

.ML2 {
    margin-left: 120px;
    position: relative;
    height: 120px;
}

.upload{ position: relative;}
a.ConfirmSubmitBtn{ width: 99px; height: 33px; line-height: 33px; color: #fff; font-size: 14px; text-align: center; background: #f08300; position: absolute; right: 0; bottom: 0; border-radius: 6px;}
div#TipBar{ height: 40px;}
a.submitBtn{width: 110px;height: 30px;line-height: 30px;text-align: center;color: #FFFFFF;font-size: 14px;background: #f08300;border-radius: 6px;display: inline-block;margin-left: 22px;}
div.recommend{ width: 376px; height: 45px; background: #6b1685;text-align: center;}
div.recommend p{font-size: 16px;height: 45px;line-height: 45px;color: #FFFFFF;font-weight:  bold;}
.f08300{ color: #f08300 !important;}
b.f08300{ cursor: pointer;}
div.info_Main{ position: relative;}
div.info_list{width: 376px;height: 189px;position: absolute;top: 60px;left: 0;background: #FFFFFF;overflow:  auto;border: 1px solid #dcdcdc;display: none;}
div.info_list div.info_item{position: relative;background: #f0f2f5;height: 57px;width: 600px;}
div.info_list div.info_item input.radioBox{width: 15px;height: 15px;position: absolute;left: 10px;top: 20px;}
div.info_list div.info_item div.text{position: absolute;left: 40px;top: 10px;}
div.info_list div.info_item p{ color: #595757; font-size: 14px; white-space:nowrap;}
div.info_list ul li{ padding: 0; cursor: pointer;}
div.info_list ul li.active{}
div.info_list ul li.active div.info_item{background: #dcdddd;}
div.info_list ul li.active div.info_item p{ color: #f08300;}
div.orderInfo dl dd p a{ color: #EB0000;}
div.orderInfo dl dd p.tip_text{font-size: 12px;color: #727171;text-align:  center;}
div.productList dl dd span.s3 i {
    display: block;
    font-size: 12px;
    font-style: inherit;
    transform: scale(.8);
    position: absolute;
    line-height: 1em;
    transform-origin: center;
    width: 100%;
}

    div.productList dl dd span.s3 i:first-child {
        top: 2px;
    }

    div.productList dl dd span.s3 i:last-child {
        bottom: 2px;
    }