*{ margin: 0; padding: 0;}
*:focus{ outline:none;}
body{
    font-size: 12px;
    font-family: "Microsoft Yahei","微软雅黑",Verdana,Helvetica,Arial,"SimSun","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Helvetica Neue",sans-serif;
    color: #333;
    background-color: #f3f3f3;
}


ul, li, form, p {
    list-style-type: none;
}
i,em,h1,h2,h3,h4,h5,h6{
    font-style: normal;
    font-weight: normal;
}
a{
    text-decoration:none;
    color: #333;
}
img{
    max-width: 100%;
}
input{
    border: none;
}
.layui-layer{border-radius: 10px!important;}
.layui-layer iframe{border-radius: 10px!important;}
.price{ color: #c00; font-family: 'Georgia';}
.mainColor{ color: #c00 !important;}
.mainBgColor{ background-color: #c00; color: #fff;}
@media screen and (min-width: 1201px) {
    .window_width{ width: 1200px; margin: 0 auto;}
}
/* 箭头 */
.arrow:after{ content:''; width:0; height: 0; border-width: 5px; border-bottom: 1px; border-color: #ccc transparent transparent; border-style: solid dashed dashed; position: absolute; top: 50%; right: 5px; transition: transform .3s; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 25%; -webkit-transform-origin: 50% 25%; -moz-transform-origin: 50% 25%; -ms-transform-origin: 50% 1px; -o-transform-origin: 50% 1px;}
.arrow:hover:after{ transform: rotate(180deg);}
/* 复选框 */
#checkbox{ width: 15px; height: 15px; border: 1px solid #ccc; border-radius: 2px; position: relative; display: inline-block;}
#checkbox span{ font-size: 16px; color: #c00; position: absolute; left: 0; bottom: 0; display: none; width: auto; height: auto; line-height: 1;}

/* 购买页已选端口 */
.order_choose{ background: #f2f2f2 !important; color: #b6b6b6 !important; border-color: #eb9999 !important;}

/* 隐藏旧悬浮按钮 */
.new_createDesign{ text-align: center; position: fixed; right: 0; top: 60%; z-index:2147483647; width: 120px;}
.new_createDesign div p {margin: 0 auto 20px; border-radius: 50%;}
.new_createDesign div p.plan_btn { display: block; background: #c00; width: 75px; height: 75px; line-height: 1.2; position: relative;}
.new_createDesign div p.process_btn{ display: block; background: rgba(0,0,0,0.8); width: 60px; height: 60px; line-height: 1.2;}
.new_createDesign div p.plan_btn font{ display: block; background: #f30; width: 85px; height: 85px; border-radius: 50%; content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.new_createDesign div a { color: #fff; display: block; position: absolute;}
.new_createDesign div p.plan_btn a{ font-size: 16px; width: 45px; margin: 18px 0 0 15px;}
.new_createDesign div p.process_btn a{ font-size: 12px; width: 30px; margin: 15px 0 0 15px;}
.new_createDesign div p.plan_btn font{ animation:myicon01 1.4s linear infinite alternate; -moz-animation:myicon01 1.4s linear infinite normal;}
@keyframes myicon01 {
    0%   { width: 0px; height: 0px; opacity:0;}
    100% { height: 85px; height: 85px; opacity:0.5;}
}

@-moz-keyframes myicon01 {
    0%   { width: 0px; height: 0px; opacity:0;}
    100% { height: 85px; height: 85px; opacity:0.5;}
}

@-webkit-keyframes myicon01 {
    0%   { width: 0px; height: 0px; opacity:0;}
    100% { height: 85px; height: 85px; opacity:0.5;}
}

@-o-keyframes myicon01 {
    0%   { width: 0px; height: 0px; opacity:0;}
    100% { height: 85px; height: 85px; opacity:0.5;}
}

@media screen and (max-width: 1200px){
    .meal_box .left_box{ width: 200px;}
    .meal_box .right_box{ width: calc(100% - 200px);}
    .meal_box .right_box .price_div .price{ font-size: 20px;}
}

@media screen and (max-width: 1200px){
    .meal_box .left_box{ width: 200px;}
    .meal_box .right_box{ width: calc(100% - 200px);}
    .meal_box .right_box .price_div .price{ font-size: 20px;}
}

#fixed_button{ position: fixed; right: 10px; top: 250px; width: 64px; z-index: 300;}
#fixed_button *{ box-sizing: border-box;}
#fixed_button ul li{ width: 64px; height: 64px; margin: 5px 0;}
#fixed_button .free{ overflow: hidden; background: #c00; }
#fixed_button .free.animate_div{ animation: animate_div 1s linear infinite; animation-iteration-count: 1;}
#fixed_button .free a{ color: #fff; font-size: 16px; width: 100%; height: 100%; line-height: 1.5; padding: 7px 10px 0; position: relative; z-index: 2;}
#fixed_button .animate_div i{ opacity: 0; animation: animate_text .5s linear infinite; animation-iteration-count: 1; animation-fill-mode: forwards;}
#fixed_button .animate_div i:first-of-type{ animation-delay: 1s; }
#fixed_button .animate_div i:nth-of-type(2){ animation-delay: 1.5s; }
#fixed_button .animate_div i:nth-of-type(3){ animation-delay: 2s; }
#fixed_button .animate_div i:last-of-type{ animation-delay: 2.5s; }


#activity_icon {
    position: fixed;
    right: 16px;
    z-index: 300;
    bottom: 60px;
}
#activity_icon .close{text-align: right}
#activity_icon .close a{   font-size: 16px;
    line-height: 16px;
    background-color: #999;
    text-align: center;
}

@keyframes animate_div{
    0%{
        transform: scale(0); opacity: 0;
    }
    25%{
        transform: scale(.7); opacity: .2;
    }
    50%{
        transform: scale(1); opacity: .5;
    }
    75%{
        transform: scale(.8); opacity: .7;
    }
    100%{
        transform: scale(1); opacity: 1;
    }
}

@keyframes animate_text{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

#fixed_button a{ display: block; text-align: center; color: #333;}
#fixed_button .item{ border: 1px solid #f0f0f0; background: #fff; position: relative; z-index: 1;}
#fixed_button .item div{ background-repeat: no-repeat; width: 32px; height: 32px; margin: 5px auto 0; transition: all .3s;}
#fixed_button .item p{ margin-top: 3px; font-size: 12px;}
#fixed_button .icon{ background-position: center 0;}
#fixed_button .kefu_icon{ background-image: url(/images/newpc/online_contact_icon.png?210917);}
#fixed_button .online_service_icon{ background-image: url(/images/newpc/online_contact_icon.png?210917);}
#fixed_button .order_icon{ background-image: url(/images/newpc/web_order_icon.png);}
#fixed_button .box_icon{ background-position: center; background-image: url(/images/newpc/box_icon.png);}
#fixed_button .item .gotop_icon{ background-image: url(/images/newpc/web_top_icon.png); margin: 15px auto 0;}
#fixed_button .item .online_icon{ background-image: url(/images/newpc/online_service_icon.png?210917);}
#fixed_button .item:hover .icon{ background-position: center -32px;}
#fixed_button .item:hover{ border: 1px solid #c00;}
#fixed_button .item.box{ border: 1px solid #c00;}
#fixed_button .box{ width: 64px !important; color: #fff; background: #c00;}
#fixed_button .item:hover a{ color: #c00;}
#fixed_button .item:hover .box_icon{ background-position: center;}
#fixed_button .item.box a{ color: #fff;}
#fixed_button .box:hover a{ color: #fff;}
#fixed_button #go_top{ display: none;}
#fixed_button .item.onlines img{ display: none; position: absolute; right: calc(100% + 6px); bottom: 0; max-width: unset; border: 1px solid #f0f0f0; z-index: 1;}
#fixed_button .item.onlines p{ line-height: 1; text-indent: 0;}
#fixed_button .item.onlines:hover img{ display: block;}
/* 商桥 */
#newBridge .icon-left-center{display: none; left: unset !important; right: 80px !important; top: 250px !important; margin-top: 0 !important;}
/* 正文标题框架 */
.clr{ clear: both;}
.section{ padding: 60px 0; text-align: center; clear: both;}
.section .section_title{ font-size: 32px; color: #222222; line-height: 1;}
.section .section_sub_title{ font-size: 16px; color: #666; margin-top: 16px;}
.section .section_div{ margin-top: 40px;}

@media screen and (max-width:768px) {
    .section{ padding: 30px 0;}
    .section .section_title{ font-size: 20px;}
    .section .section_sub_title{ font-size: 12px;}
}
/* 复制区域 */
#copyText{ display: none;}

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff  inset !important;
    background-color:#fff;
    background-image: none;
}

#Dialog{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 200; left: 0; top: 0;}
#Dialog *{ box-sizing: border-box;}
#Dialog .box{ width: 900px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,.2); background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
#Dialog .dialog_title{ font-size: 20px; line-height: 60px; height: 60px; color: #fff; background: #ececec; padding-left: 10px; color: #333;}
#Dialog .dialog_title .icon-success{ color: #19be6b; font-size: 25px; float: left; margin-right: 5px;}
#Dialog .dialog_title .close{ float: right; padding: 0 20px; cursor: pointer; transition: transform .3s;}
#Dialog .dialog_title .close:hover{ transform: rotate(180deg);}
#Dialog .box_content{ padding: 30px;}
/* 注册成功弹窗内容 */
#Dialog .box_content p a{color: #2d8cf0;}
#Dialog .box_content p{ margin-bottom: 30px;}
#Dialog .box_content{ text-align: center;}
#Dialog .box_content .get_data{ margin-bottom: 30px;}
#Dialog .tip{ border: 1px solid #ccc; height: 50px; line-height: 50px; margin: 0 auto 15px; width: 350px;}
#Dialog .get_data{ color: #c00; font-weight: bold; display: inline-block; margin: 0 10px;}
#Dialog .get_data span{ color: #333; font-weight: normal;}
#Dialog .box_content .btn{ width: 200px; height: 45px; font-size: 14px; line-height: 43px; background: #c00; color: #fff; display: inline-block; border-radius: 5px; margin: 0 10px;}


#Dialog .box_content::-webkit-scrollbar,.domain_list::-webkit-scrollbar{/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    scrollbar-arrow-color:red;

}
#Dialog .box_content::-webkit-scrollbar-thumb,.domain_list::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #c00;
    scrollbar-arrow-color:red;
}
#Dialog .box_content::-webkit-scrollbar-track,.domain_list::-webkit-scrollbar-track{/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

/* 二级菜单 */
.menu_div *{ box-sizing: border-box;}
.menu_div .redfont{ color: #c00;}
.menu_div.section{ padding: 0; background: #fff; box-shadow: 0px -10px 15px rgba(0,0,0,.1); overflow: visible; height: 60px !important; border-bottom: 1px solid #ececec;}
.menu_div .section_div{ margin: 0; height: 100%;}
.menu_div .window_width{ height: 100%;}
.menu_div .menu_list{ height: 60px;}
.menu_div .item{ float: left; position: relative; cursor: pointer; margin: 0 40px 0 10px;}
.menu_div .item.arrow{ padding-right: 20px;}
.menu_div .item a{ font-size: 14px; color: #222; height: 60px; line-height: 60px; margin-right: 0; float: none; display: block;}
.menu_div .item:hover .a_item,.menu_div .sub_menu li:hover .sub_aitem,.menu_div .three_menu li:hover a{ color: #c00;}
.menu_div .item ul{ display: none;  position: absolute; width: 170px; padding: 5px 0; text-align: center; z-index: 2; left: -10px; top: 100%; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.menu_div .item ul a{ height: 40px; line-height: 40px; display: block; padding-left: 10px;}
.menu_div .item:hover .sub_menu{ display: block;}
.menu_div .item:hover:after{ border-top-color: #c00;}
.menu_div .item .three_menu{ display: none; left: 100%; top: 0px; text-align: left;}
.menu_div .sub_menu li{ position: relative; text-align: left;}
.menu_div .sub_menu li:hover>a{ color: #c00;}
.menu_div .sub_menu li:hover .three_menu{ display: block;}
.menu_div .sub_menu i{width: 0; height: 0; border: 5px solid transparent; border-left-color: #ddd; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.menu_div .sub_menu li:hover i{ border-left-color: #c00;}
.menu_div .last{ font-size: 14px; float: right; height: 60px; line-height: 60px; margin-right: 10px;}
.menu_div .last:hover a:last-of-type{ color: #fff;}
.menu_div .last a:last-of-type{  display: inline-block; width: 68px; height: 28px; line-height: 28px; text-align: center; background: #c00; color: #fff;}
.menu_div .last a:last-of-type:hover{ color: #fff !important;}
.menu_div.fixed{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100;}
@media screen and (min-width: 1200px) {
    .menu_div.section{ display: block !important;}
}
@media screen and (max-width: 768px) {
    .menu_div.section{ display: none;}
}

/* 通用弹窗样式 */
#show_tip{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1000; }
#show_tip .relative{ position: relative; width: 100%; height: 100%;}
#show_tip .relative>div{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999;}
#show_tip .box{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); width: 300px;}
#show_tip .title_div{ height: 50px; line-height: 49px; font-size: 16px; padding-left: 15px; text-align: left;}
#show_tip .title_div span{ display: inline-block; vertical-align: middle;}
#show_tip .title_div span i{ margin-right: 5px; vertical-align: middle;}
#show_tip .title_div span i.icon-success{ color: #19be6b;}
#show_tip .title_div span .icon-tip.normal{ color: #2d8cf0;}
#show_tip .title_div span .icon-tip.warning{ color: #f90;}
#show_tip .title_div span i.icon-error{ color: #ed4014;}
#show_tip .title_div .close{ float: right; color: #999; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-family: 'SimHei','黑体'; font-size: 14px;}
#show_tip .title_div .close:hover{ color: #333; cursor: pointer;}
#show_tip .content{ padding: 15px; color: #666; font-size: 14px; text-align: left;}
#show_tip .dialog_btn{ text-align: right; padding: 10px 15px;}
#show_tip .dialog_btn span{ width: 60px; height: 32px; line-height: 32px; background: #c00; color: #fff; display: inline-block; text-align: center; font-size: 14px; cursor: pointer;margin-left: 10px;}
#show_tip .dialog_btn span:hover{ background: rgba(204,0,0,.7);}
@media screen and (max-width: 768px) {

}
/* 页面禁止滚动 */
.unscroll{ height: 100%; overflow: hidden;}


/* 旧页面样式修复与兼容 */
.webappSpecial_white{ overflow: hidden;}
/* 代理兼容 */
#v8Top{ position: relative; z-index: 100;}