*{
    padding:0;margin:0;font-size: 14px;
    /*font-family: "Myriad Pro", Arial, "FZLanTingHei-R-GBK", 方正兰亭黑, "Microsoft YaHei", 微软雅黑, STHeiti, 华文黑体, SimSun, 宋体, sans-serif;*/
    font-family: "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #444;

}
p{line-height: 24px;}
li{list-style: none;}
input,textarea,button{outline: none;}
textarea{resize: none;}
a{text-decoration:none; }
img{border: 0 !important;}

/*公共部分*/
.input_text::-webkit-input-placeholder{color:#ccc;}
.com_text::-webkit-input-placeholder{color:#ccc;}
.area_text::-webkit-input-placeholder{color:#ccc;}
textarea::-webkit-input-placeholder{color:#ccc;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: solid 1px #000;
    color: #888;
}
select::-ms-expand { display: none; }

div[id$="wrap"]{display: none !important;}
.content{overflow: hidden;width: 1200px;margin: 0 auto;position: relative;}
.index_div{overflow: hidden;padding: 25px 0;width: 1200px;margin: 0 auto;position: relative;}
.left{float: left;}
.right{float: right;}


.yiguanju{background:#888 !important;color: #fff !important;}
.hover_a,.art_r_list li p,#nav_dh a,.zx_cate_list a,header a,.article_dl dd h1,.index_problem li h3 a,.kgl_type .fa-long-arrow-right
{
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.zx_cate_list a:hover{border-color:#c71b1e; color:#c71b1e !important;}
.tit_box a:hover i{background:#c71b1e;}
.hover_a:hover,.hover_a:hover i,.art_r_list li p:hover,#nav_dh a:hover,header a:hover,.article_dl dd h1:hover,.index_problem li h3 a:hover,.kgl_type .fa-long-arrow-right:hover
{
    color:#c71b1e !important;
}
.nodispaly{display: none !important;}
.shows{display: block !important;}
.scrollatr{position: fixed;top:0;  }
.tzscrollatr{margin-left: 940px;position: fixed;top:0;  }
.ly_banner{width:100%;max-height: 300px;overflow: hidden;}
.ly_banner img,.ly_ad img{width: 100%;}
.ly_ad{width: 1200px;margin: 0 auto;margin-top: 15px;height: 80px;overflow: hidden;}

.adress{color: #999;font-size: 13px;}
#brand-waterfall{margin: 0 -1.5%;}
.err{text-align: center;margin-top: 20px;color: #c71b1e;}
.sub_ok{line-height: 30px;text-align: center;}
.sub_ok img{vertical-align: middle;}
.nocontent{text-align: center;margin: 50px 0;display: none;color: #888;line-height: 30px;font-size: 18px;}
.nocontent img{height: 110px; vertical-align: middle;}
.nocontent p{font-size: 18px;display: inline-block;margin-left: 10px;}
.nocontent a{margin-left: 0 !important;margin-left: 10px !important;}

/*===================内容页===================*/
.alinfo_l{width: 820px;  }
.alinfo_r{width: 350px;overflow: hidden;}
.r_box_con{background: #fff;padding:15px;margin-bottom: 15px;box-sizing: border-box;}
.adv_r{margin-bottom: 15px;}
.adv_r img{width: 100%;}
.article_text{padding: 30px;overflow: hidden;box-sizing: border-box;background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);}
.article_text img{max-width: 100%;}

.art_r_tit{line-height:40px;height:40px;font-size: 18px;font-weight: normal;border-bottom: 1px solid #eee;}
.art_r_tit a,.art_r_tit span{float: right;color: #999;font-size: 12px;}
.art_r_tit a i{color: #999;font-size: 14px;}
.art_r_tit b{
    font-size: 18px;font-weight: normal;
    border-bottom: 2px solid #bf2525;
    color: #bf2525;
    display: inline-block;
}

#nav_dh{line-height: 45px;}
#nav_dh a,#nav_dh i{color: #888;}
#nav_dh i{font-size: 18px;margin: 0 5px;}

.text1{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;overflow: hidden;
}
.text2{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.mask {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: rgb(0,0,0);
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    display: none;
}

.sub_btn{
    display: block;
    margin: 20px auto;
    text-align: center;
    cursor: pointer;
    background-color:#bf2525;border: 0;
    color: #fff;
    width: 100px;height: 35px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 3px;
}
.colse_btn{background: #999 !important;}

.user{padding:15px 0;overflow: hidden;}
.user dt img{width: 40px;height: 40px;border-radius: 50%;float: left;display: inline-block;}
.user dd{width: 70%;margin-left: 10px;float: left;}
.user dd span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #999;
    width: 100%;display: block;
}
.ico_box{margin: 12px 0;}
.ico_box span,.time{color: #999;margin:0 5px;font-size: 12px;}
.ico_box span b{color: #999;font-weight: normal;}
.ico_box i,.time i,i{color: #999;margin-right: 3px;}
.ico_box span.yisc i{color: #c71b1e;}
.sc_ico,.zan_ico,.edit,.delete{cursor: pointer;}

#left_ico{
    position: fixed;
    z-index: 9999;
    margin-left: -60px;
    top: 450px;
    width: 39px;
    overflow: visible;
}
#left_ico a{
    display: block;
    width: 37px; line-height: 37px;
    text-align: center;
    background: #fff;color: #788087;
    border-radius: 50%;
    box-shadow: 0px 1px 3px #eee;
    margin-bottom: 10px;
    cursor: pointer;font-size: 18px;
}
#left_ico a:hover,#left_ico a.yisc{color: #c71b1e;}
#left_ico span{display: block;margin-bottom: 10px;text-align: center;}

/*====================首页标题 ===================*/
.tit_box{margin: 0px auto;margin-bottom:40px;text-align: center;position: relative;width: 40%;}
.tit_box .tit{
    width: auto;
    padding: 0 10px;
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
}
.tit_box .tit .tit_line{
    display: inline-block;
    width: 60px;
    height: 1px;
    margin: 0 26px;
    background-color: #d8d8d8;
    vertical-align: middle;
}
.tit_box p{line-height: 35px;color: #888;font-size: 16px;}
.tit_box a{color: #999;margin-top: 8px;margin-top: 10px;display: inline-block;  }
.tit_box a i{
    color: #fff;
    margin-left: 4px;
    background: #b0b0b0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.tit_box a:hover{color:#c71b1e; }

/*====================头部 ===================*/
header{
    background-color:#f5f5f5;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
}
header a,header p,.head_gz{font-size: 12px;color: #888;padding: 0 5px;display: inline-block;line-height: 33px;}
.head_gz{display: inline-block;position: relative;}
.address{}
.address i{font-size: 17px;margin-right: 3px;color: #bf2525;}
.address a{color: #bf2525;}
.islogin img{
    width: 25px;height: 25px;
    border-radius: 50%;
    border: 1px solid #eee;
    vertical-align: middle;
    margin-right: 5px;
}
.attention-wx{
    display: none;
    position: absolute;
    width: 154px;text-align: center;
    padding: 5px 10px;
    left: -1px;
    top: 33px;
    border: 1px solid #ddd;border-top: none;
    background-color: #fff;
    z-index: 11;
}
.attention-wx img {width: 154px;height: 148px;  }
.head_gz:hover .attention-wx{display: block;}

#write{
    width: 100%;
    z-index: 9;
    position: relative;
    background: #fff;
    box-shadow: 0px 1px 4px #ddd;
}
.write{background: #fff;width: 100%;padding: 10px 0;}
.logo-link{position: relative;margin: 15px 0;}
.logo-link img{height: 60px;}

/*====================导航 ===================*/
.nav{overflow: hidden;margin: 15px 30px;}
.nav ul{overflow: hidden;}
.nav ul li{float: left;padding: 0 13px;line-height: 60px;}
.nav ul li a{color: #444;font-size: 16px;font-family: "Myriad Pro", Arial, "FZLanTingHei-R-GBK", 方正兰亭黑, "Microsoft YaHei", 微软雅黑, STHeiti, 华文黑体, SimSun, 宋体, sans-serif;}
.nav ul li.active a{
    color: #bf2525;
    border-bottom: 2px solid #bf2525;
    padding-bottom: 8px;
}
.nav ul li:hover a{color: #bf2525;border-bottom: 2px solid #bf2525;padding-bottom: 8px;}
.bg-white {
    display: none;
    position: absolute;
    z-index: 998;
    width: 100%;
    height: 100px;
    background-color: #fff;
    z-index: 8;
}
.sub-nav {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 130px;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 1px 3px #ddd;
}
.sub-nav-wrap{display: none;margin-top: 10px;}
.sub-nav-wrap a{
    float: left;
    width: 150px;
    padding-top: 14px;
    text-align: center;
    color: #666;
}
.sub-nav-wrap a span{display: block;font-size: 28px;margin-bottom: 12px;color: #aaa;}
.zx_dh{border-right: 1px solid #eee;padding-right: 20px;width:55%;float: left;}
.zx_dh h3{line-height: 35px;}
.zx_dh a{padding: 5px 15px;width: auto !important;}
.zx_dh a i{padding-left: 15px;}
#nav_product a{width: 120px;}


/*====================页脚 ===================*/
.footer-box{ width:100%; background-color:#fff; padding-top:20px;margin-top:20px;overflow: hidden;border-top: 2px solid #38c287;}
.footer{ width:1200px;overflow: hidden;}

.line{ width:1200px; height:1px; background-color:#e0e0e0; margin-bottom:40px;}
.footer dl{ margin-right:98px; float:left; margin-bottom:25px;}
.footer dd{  margin-bottom:15px; }
.footer dd a{font-size:12px; font-family:"宋体";color:#757575;}
.footer dd a:hover{ color:#c71b1e;}
.diy_code{ width:246px; text-align:center; float:left;padding-left:80px;}
.diy_code div{overflow: hidden;margin-bottom: 15px;}
.diy_code div p{display: inline-block;margin-top: 35px;}
.diy_code div img{width: 120px;float: left;}
.diy_code div a{margin-right: 20px;}
.diy_code div a i{color:#c71b1e;font-size: 18px; }

.team-box{border-top: 1px solid #eee;padding: 15px 0;}
.team-box a{margin-left: 12px;font-size: 12px;}

.tally{
    width: 56px;
    position: fixed;
    right: 2px;
    bottom: 50px;
    z-index: 301;
}
.tally>div {
    width: 54px;
    cursor: pointer;
    font-size: 12px;
    color: #747474;
    background: #fff;
    padding-top: 9px;
    overflow: hidden;
    padding-bottom: 7px;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    display: block;text-align: center;
}
.tally>div.tally-a6{
    border-left: 0;
    border-right: 0;
    background: #f6f6f6;
    padding-bottom: 10px;
    margin-top: 10px;
    border-radius: 4px;
    display: none;
}
.tally>div.tally-a5{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid #ececec;
}
.tally .tally-a1 {
    color: #10c55b;
    border-top: 1px solid #ececec;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.tally .tally-a2:hover .tally-ul2{display: block;}
.tally .tally-a5:hover .tally-ul5{display: block;}
.tally>div i {display: block;margin: 0 auto 3px; width: 24px;height: 22px;background: url('../images/icon5.png') no-repeat;}
.tally>div i.tally-i1 {background-position:-26px 0;}
.tally>div i.tally-i2 {background-position:-26px -26px;}
.tally>div i.tally-i4 {background-position:-26px -76px;height: 25px;}
.tally>div i.tally-i5 {background-position:-28px -103px;}
.tally>div i.tally-i6 {background-position:-88px -92px;height: 13px; }
.tally-ul2 {
    width: 230px;text-align: left;
    height: 173px;
    position: absolute;
    top: -60px;left: -230px;
    box-shadow: 0 1px 8px #d9d9d9;
    display: none;
    background: #fff;
    padding: 15px;box-sizing: border-box;
}
.tally-ul2 p{line-height: 30px;}
.tally-ul2 span,.nocontent a{
    background: #10c55b;color: #fff;
    display: inline-block;
    line-height: 35px;
    font-size: 16px;
    width: 95px;text-align: center;
    border-radius: 5px;
    margin: 10px 0 0 50px;
}
.tally-ul5 {
    width: 140px;
    height: 165px;
    position: absolute;
    top: 72px;
    left: -140px;
    font-size: 14px;
    display: none;
    text-align: center;
    box-shadow: 0 1px 8px #d9d9d9;
    background: #fff;
}
.tally-ul5 img {
    width: 137px;
    height: 137px;
    display: block;
    margin: 0 auto;
}
/*====================社区 ====================*/
.huoyue li {
    margin: 15px 0;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.huoyue li img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    float: left;
}
.huoyue li div {width: 150px;float: right;  }
.huoyue li div *{line-height: 30px;color: #888;}

/*====================搜索====================*/
.search_com{
    padding: 10px 15px;
    box-sizing: border-box;
    background: #f5f5f5;
    display: none;
}
.search_com p{line-height: 28px;}
.search_com p:hover{cursor: pointer;color: #c71b1e;}
#search_box{
    position: relative;
    margin-bottom: 15px;
    width:280px;
    right: 0;margin-top: 15px;
    line-height: 50px;
    height: 40px;
}
#search_box span.sear_mr,#search_box .mallSearch-input{
    display: inline-block;
    float: left;
    border-bottom: 1px solid #ddd;
    height: 40px;
}
#search_box span.sear_mr:after{
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-right: 10px solid #888;
    position: absolute;
    bottom: 5px;
}
#search_box .sear_div{
    z-index: 999;
    background: #333;
    width: 100px;
    position: absolute;
    top: 45px;
    padding: 10px 0;
    display: none;
}
#search_box .sear_div p{margin: 0;padding: 0 15px;line-height: 30px;color: #f2f2f2;}
#search_box .mallSearch-input {width: 100%;}
#search_box .mallSearch-input input{  line-height: 35px;height: 45px;width:100%;  border: 0; background:none;padding-left:18px; }
#search_box .mallSearch-input span{font-size: 16px;color: #999;position: absolute;top:15px;right: 0;}

/*====================分页====================*/
.dataTables_paginate{text-align: center;padding: 25px 0; clear: both;position: relative;}
.pagination li{display: inline-block;border: 0 !important;}
.pagination li a{
    min-width: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;margin: 0 5px;
    font-size: 16px;font-family: arail;
    background: #e0e0e0;
}
.pagination li#example1_next a,.pagination li#example1_previous a{width: auto;background: none;}
.pagination li.active a,.pagination li a:hover{background:#565656;color: #fff; }
.pagination li.active a{color: #fff;}

#getmore{text-align: center;margin-top: 15px;cursor: pointer;color: #0f2c75;}
#getmore i{color: #0f2c75;}


/*====================评论====================*/
.pl_ul{margin-top: -10px;}
.pl_ul .user{padding: 0;position: relative;}
.pl_ul dl{overflow: hidden;}
.pl_ul dl dt{color: #999;float: left;line-height: 40px;width: 35px;}
.pl_ul dl dt img{width: 40px;height: 40px;border-radius: 50%;border: 1px solid #eee;vertical-align: middle;    max-width: 40px;}
.pl_ul dl dd{float: left; width: 90%;margin-left: 15px;position: relative;}
.pl_ul li p.huifu{
    margin: 0 60px 0 75px;
    background: #f5f5f5;
    padding: 10px 15px;
    box-sizing: border-box;
}
.pl_ul li p.huifu span{color: #888;}
.pl_ul li p.huifu a{color: #06318a;margin-left: 8px;cursor: pointer;}
.pl_ul li .nickname{line-height: 20px;}
.pl_ul li .nickname .time{color: #999;display: block;}
.pl_ul li.parent_li{padding:10px 20px;}
.pl_ul li .hd_div{margin-top: 10px;}
.pl_ul li .hd_div img{max-width: 300px;}
.pl_ul li .hd_img{margin-top: 10px;height: 100px;overflow: hidden;}
.pl_ul li .hd_img img{width: 23%;min-height: 100%;margin-right: 2%;}
.pl_ul li .ico_box{
    text-align: right;
    width: 200px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}
.pl_ul li .ico_box span{
    cursor: pointer;
    border: 1px solid #e8e8e8;
    width: 70px;
    height: 26px;
    line-height: 26px;
    border-radius: 26px;
    text-align: center;
    display: inline-block;
}
.solidline{height:1px;border:none;border-top:1px dotted #ddd;margin: 10px 0;}
.dottedline{display: none;}


/*====================表单====================*/
.input_text{
    line-height: 40px;height: 40px;
    width:60%;
    border: 1px solid #eee;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    color: #888;
}
select{width: 150px;height: 35px;border: 1px solid #eee;}
.area_text{width:80%;height: 100px;padding: 10px;border: 1px solid #eee;box-sizing: border-box;color: #888;border-radius: 5px;}
.user_fabu .disabled{background: #f4f4f4;}
.user_fabu .input_p{margin-top: 15px;overflow: hidden;line-height: 35px;}
.user_fabu .input_p label{float: left;margin-right: 10px;width: 80px;  text-align: right;}
.user_fabu .input_p label b{color: #ff6700;}
.user_fabu .input_p select{width: 25%;}
.user_fabu .select_p span.select_span{position: relative;margin-right: 10px;}
.user_fabu .select_p i{margin-left: -20px;}
.msg-err{display: none;text-align: center;color:#ff6700;margin-left: 10px;}
.msg-err span{color:#ff6700; }
.msg-err img{vertical-align: middle;width: 15px;margin-right: 5px;}


/*====================计算====================*/
.jishuan{
    padding: 10px;
    background-color:#ffe382;
    margin-bottom: 15px;
}
.jishuan .input_p{margin-top: 10px;}
.jishuan .input_p select{
    width: 48.5%;height: 34px;
    border: 1px solid #ddd;
    padding-left: 6px;
    font-size: 12px;
    border-radius: 3px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:#fff url("../images/more_unfold.png") no-repeat scroll right center;
    border-radius: 5px;
    opacity: 0.7;
}
.jishuan .select2 select{}
.jishuan .select3 select{width: 31.5%;}
.jishuan .input_p .input_text{width: 100%;font-size: 12px;opacity: 0.7;}
.jishuan .sub_btn{width: 100%;background:#c71b1e;border-radius: 4px;}


/*====================签到====================*/
.integral-model2{
    z-index: 99;
    width: 465px;
    height: 505px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -232px;
    margin-top: -252px;
    background: #fff url('/Public/images/integral-back.png') no-repeat center top;
    border-radius: 5px;
    box-shadow: 0 0 15px #666;
    display: none;
}
.integral-model2 .integral-close2{
    width: 24px;
    height: 24px;
    background: url('/Public/images/cancel.png') no-repeat;
    position: absolute;
    top: 13px;
    right: 13px;
    cursor: pointer;
}
.integral-model2 .integral-title{
    width: 100%;
    height: 74px;
    font-size: 30px;
    line-height: 74px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 3px 3px 3px #21c164;
}
.integral-model2 .integral-explain{
    width: 100%;
    font-size: 18px;
    height: 49px;
    text-align: center;
    color: #fff;
    text-shadow: 3px 3px 3px #21c164;
}
.integral-model2 .integral-explain span{color: #fff;font-size: 25px; }
.integral-sigin{text-align: center;line-height:120px;font-size: 30px; margin:60px auto;}
.fen_box{
    width: 100%;
    height: 385px;
    overflow: hidden;
    background: url('/Public/images/fen_box.jpg') no-repeat center;
}
.fen_box .fen_ico{
    width: 120px;
    height: 120px;
    background: url('/Public/images/fen-bg.png') no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 45px;
    line-height: 120px;
    font-weight: 700;
    color: #ce0000;
    text-shadow: 1px 3px 3px #ddd;
    cursor: pointer;margin: 0 auto;
}
.data_ul{overflow: hidden;position: absolute;bottom: 20px;left:10%;}
.data_ul li{float: left;width: 65px;position: relative;text-align:right;}
.data_ul li b{
    width: 40px;
    height: 2px;
    background-color: #eee;
    content: '';
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.data_ul li:first-child{width: auto;}
.data_ul li:first-child b{display: none;}
.data_ul li span{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #bbb;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-style: normal;
    font-size: 12px;
}
.data_ul li.on span,.data_ul li.on b{background:#c71b1e; }
.data_ul li.on i{color: #fff;}
.data_ul li p{font-size: 12px;}


/*====================分享====================*/

.bdsharebuttonbox a {
    background-position: 0 !important;
    background-size: 30px !important;
    width: 30px!important; height: 30px!important;
    margin: 0 auto 10px!important;
    float: none!important;
    padding: 0!important;
    display: inline-block;
    border-radius: 50%;
}
.bdsharebuttonbox a img { width: 60px; height: 60px; }
.bdsharebuttonbox .bds_tsina { background: url(/Public/images/gbRes_6.png) no-repeat;}
.bdsharebuttonbox .bds_qzone { background: url(/Public/images/gbRes_4.png) no-repeat; }
.bdsharebuttonbox .bds_tqq { background: url(/Public/images/gbRes_5.png) no-repeat center; }
.bdsharebuttonbox .bds_weixin { background: url(/Public/images/gbRes_2.png) no-repeat; }
.bdsharebuttonbox .bds_sqq { background: url(/Public/images/gbRes_3.png) no-repeat; }
.bdsharebuttonbox .bds_renren { background: url(/Public/images/gbRes_1.png) no-repeat; }
.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }

.share_div{overflow: hidden;line-height: 35px;margin-top: 20px;}
.share_div span{float: left;color: #999;}
.share_div P{float: left;}

/*====================加载====================*/

.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px auto;
    vertical-align: middle;
    display: none;
}

.loader-1 .loader-outter {
    position: absolute;
    border: 4px solid #c71b1e;
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
}

.loader-1 .loader-inner {

    position: absolute;
    border: 4px solid #c71b1e;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
}
@-webkit-keyframes loader-1-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loader-1-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loader-1-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes loader-1-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}