@media only screen and (min-width:320PX) and (max-width:360PX) {
	html {
		font-size: 13.65px
	}
}

@media only screen and (min-width:360PX) and (max-width:375PX) {
	html {
		font-size: 15.36px
	}
}

@media only screen and (min-width:375PX) and (max-width:390PX) {
	html {
		font-size: 16px
	}
}

@media only screen and (min-width:390PX) and (max-width:414PX) {
	html {
		font-size: 16.64px
	}
}

@media only screen and (min-width:414PX) and (max-width:640PX) {
	html {
		font-size: 17.664px
	}
}

@media screen and (min-width:640PX) {
	html {
		font-size: 27.31px
	}
}


/* 转盘 */

.sk_turntable {background: url(../images/turntable/turntable_bg.jpg)no-repeat top center #4875f2;overflow: hidden;padding-top: 430px;}

.rule_card {width: 606px;height: 350px;}
.rule_card_box {width: 606px;height: 350px;background: url(../images/turntable/icon_1.png)no-repeat center center;position: relative;z-index: 2;padding: 20px;text-align: center;}
.rule_card_box_footer {width: 623px;height: 142px;background: url(../images/turntable/icon_2.png)no-repeat center center;margin-top: -71px;margin-left: -8.5px;}
/* .rule_card_box::before {content: "";position: absolute;left: -50px;top: 260px;width: 60px;height: 30px;background: url(../images/turntable/icon_4.png)no-repeat center center;}
.rule_card_box::after {content: "";position: absolute;right: -110px;top: 135px;width: 125px;height: 96px;background: url(../images/turntable/icon_3.png)no-repeat center center;} */

.rule_card_box .rule_card_title {color: #f5f5f5;font-size: 22px;line-height: 30px;padding-top: 40px;}
.rule_card_box .rule_card_title h3 {font-size: 38px;padding-top: 15px;}
.rule_card_box .rule_card_title::after {content: "";width: 142px;height: 2px;background: #eebf6e;display: block;margin: 30px auto;}
.rule_card_box .rule_card_desc {color: #f5f5f5;font-size: 16px;line-height: 30px;}
.rule_card_btn {margin-top: 18px;}
.rule_card_btn a {display: block;color: #783800;font-size: 24px;background: url(../images/turntable/icon_5.png)no-repeat center center;width: 380px;height: 60px;line-height: 56px;}

.turntable_box {overflow: hidden;width: 1200px;margin-top: 90px;}
.turntable_box_fl {float: left;width: 709px;height: 709px;}
.turntable_bg {width: 709px;height: 709px;background: url(../images/turntable/icon_6.png)no-repeat center center;position: relative;}
.turntable_needle {background: url(../images/turntable/icon_7.png)no-repeat top center;width: 180px;height: 310px;position: absolute;left: 50%;margin-left: -90px;top: 171px;}
.turntable_needle img {display: none;}
.turntable_img {position: absolute;left: 50%;width: 518px;margin-left: -259px;top: 70px;}

.turntable_btn {background: url(../images/turntable/icon_8.png)no-repeat top center;width: 167px;height: 167px;position: absolute;left: 50%;margin-left: -83.5px;top: 244px;cursor: pointer;}
.turntable_btn .text {text-align: center;color: #a6352e;font-size: 24px;margin-top: 90px;}


.turntable_box_fr {width: 410px;height: 651px;background: url(../images/turntable/icon_9.png)no-repeat center center;float: right;margin-top: 20px;padding: 65px 35px 0;}
.turntable_honour_title {overflow: hidden;font-size: 16px;line-height: 30px;font-weight: bold;padding: 0 10px;}
.turntable_honour_title h3 {float: left;color: #fc894f;font-weight: bold;} 
.turntable_honour_title span {float: right;color: #3072e5;}
.turntable_honour_title span font{color: #fd785f;}

.turntable_honour_list {overflow: hidden;margin-top: 20px;}
.turntable_honour_list .bd {height: 480px;overflow: hidden;}
.turntable_honour_list ul li {overflow: hidden;background: #d9e2fc;color: #888888;font-size: 14px;}
.turntable_honour_list ul li:nth-child(2n){background: #e4ebfd;}
.honourInfo {padding: 10px;overflow: hidden;height: 40px;}
.turntable_honour_list ul li p {float: left;line-height: 20px;}
.turntable_honour_list ul li .data {background: #8aaef1;color: #ffffff;width: 61px;text-align: center;font-size: 12px;position: relative;}
.turntable_honour_list ul li .data::after {content: "";position: absolute;right: -5px;top: 7px;background: url(../images/turntable/icon_10.png)no-repeat center center;width: 5px;height: 8px;}
.turntable_honour_list ul li .phone {margin-left: 15px;}
.turntable_honour_list ul li .desc {margin-left: 35px;}

.turntable_introduce {background: #ebeffc;border-radius: 5px;width: 1200px;margin-top: 35px;overflow: hidden;padding: 50px 45px;}
.turntable_introduce .turntable_introduce_header {text-align: center;color: #3072e5;font-size: 32px;font-weight: bold;line-height: 37px;height: 37px;}
.turntable_introduce .turntable_introduce_header h3 {display: inline-block;font-weight: bold;}
.turntable_introduce .turntable_introduce_header span {margin:0 30px;float: left;height: 37px;}
.turntable_introduce .turntable_introduce_header img {margin: 0;float: left;}

.turntable_introduce_body {padding-top: 45px;overflow: hidden;}
.turntable_introduce_body div {overflow: hidden;color: #666666;font-size: 16px;line-height: 25px;margin-bottom: 10px;}
.turntable_introduce_body div em {background: #dde8f9;float: left;width: 25px;height:25px;font-family: 'Arial';color: #783800;text-align: center;border-radius: 50%;}
.turntable_introduce_body div h3 {padding-left: 40px;}
.turntable_introduce_body div a {color: #fc894f;}
.turntable_introduce_body div a:hover {text-decoration: underline;}
.award_list {overflow: hidden;}
.award_list ul li {border-bottom: 1px dashed #dde1f0;padding: 20px 0;padding-left: 60px;}
.award_list ul li h3 {color: #fc894f;padding: 0;}
.award_list ul li span {color: #666666;}

.turntable_footer {text-align: center;font-size: 14px;color: #ffffff;opacity: .6;padding: 40px 0;line-height: 24px;}




.turntable_fixed {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99;text-align: center;background: url(../images/turntable/icon_12.png)no-repeat center center;height: 160px;}
.turntable_fixed a {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.turntable_fixed_close {position: absolute;right: 50%;top: 30px;cursor: pointer;margin-right: -480px;}
.turntable_fixed_close img {width: 14px;}

.turntable_fixed .turntable_fixed_thumb {position: absolute;right: 50%;top: 56px;margin-right: -409px;width: 88px;height: 88px;background: #ffffff;padding: 4px;overflow: hidden;}
.turntable_fixed .turntable_fixed_thumb canvas {width: 100%;height: 100%;}
.turntable_fixed .turntable_fixed_thumb img {width: 100%;height: 100%;}
.turntable_fixed .turntable_fixed_thumb .icon {position: absolute;top: 50%;left: 50%;margin:  -12px auto auto -12px; width: 24px;height: 24px;background: #fff;padding: 2px;border-radius: 2px;}



.turntable_fixed_right {position: fixed;bottom:300px;width: 144px;right: 0;z-index: 99;text-align: center;background: rgba(106, 144, 252, .8);border-radius: 10px 0 0 10px;padding:15px 22px 30px;box-shadow: 0 10px 20px rgba(29,92,201,.1);}
.turntable_up {text-align: center;color: #ecf0fd;font-size: 14px;line-height: 20px;cursor: pointer;}
.turntable_up .fa {font-size: 24px;}
.turntable_up span {display: block;}
.turntable_ewm {margin: 12px 0;}
.turntable_ewm img {width: 100px;}
.turntable_fixed_right_desc {text-align: justify;color: #ecf0fd;font-size: 14px;line-height: 24px;}
.turntable_fixed_right a {color: #ecf0fd;font-size: 14px;margin-top: 10px;display: block;text-align: left;}
.turntable_fixed_right a:hover {text-decoration: underline;}


/* 转盘 end*/

/* 弹出层*/


body .layui-layer-turntable {background: none;box-shadow: none;}
body .layui-layer-turntable .layui-layer-content {padding: 0;border-radius:0;margin: 0;overflow: auto;padding-top: 50px;}
body .layui-layer-turntable .layui-layer-content h3 {font-weight: normal;}
body .layui-layer-turntable .layui-layer-content::after {content: "";position: absolute;width: 392px;height: 146px;background: url(../images/turntable/icon_16.png)no-repeat center center;top: 0;left: 50%;margin-left: -196px;}
body .layui-layer-turntable .turntable_layer_title {text-align: center;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;color: #fff;position: relative;z-index: 2;background: url(../images/turntable/icon_14.png)no-repeat center center;}
body .layui-layer-turntable .turntable_layer_cont {background: #fff;width: 512px;height: 198.5px;position: relative;margin-top: -26.5px;text-align: center;color: #666666;font-size: 18px;border-radius: 10px 10px 0 0;overflow: hidden;}
body .layui-layer-turntable .turntable_layer_cont h3 {margin-top: 65px;padding-top: 80px;background: url(../images/turntable/icon_15.png)no-repeat top center;}
body .layui-layer-turntable .layui-layer-btn {background: #fff;text-align: center;padding: 0 0 50px;border-radius:0 0 10px 10px;margin: 0 1px 0 2px;}
body .layui-layer-turntable .layui-layer-btn a {height: 40px;line-height: 40px;border: none;padding: 0 25px;border-radius: 40px;color: #444444;font-size: 16px;font-weight:normal;background: #eeeeee;}
body .layui-layer-turntable .layui-layer-btn .layui-layer-btn0 {color: #ffffff;background: #4875f2;}


/* 弹出层 end*/




.index_turntable_fixed {position: fixed;bottom: 5rem;right: 0; transition: .3s;}
.index_turntable_fixed a {display: block;font-size: 0;}
.index_turntable_fixed img {width: 5rem;}

.m {display: none;}


.turntable_sigin {padding: 0 8%;}
.sigin_box { padding: 1.6rem 1rem; background-color: rgba(255, 255, 255,0.251);border-radius: .3rem;position: relative;z-index: 3;}
.sigin_box .sign-process li {float: left;width: 1.6rem;text-align: center;margin-right: 0.45rem;position: relative;}
.sigin_box .sign-process li .icon {background: #ff6d6b;display: block;width: 100%;height: 1.6rem;line-height: 1.7rem;border-radius: 1.6rem;font-size: 0.732rem;color: #ffffff;position: relative;z-index: 5;}
.sigin_box .sign-process li::before {content: "";position: absolute;width: 100%;height: 100%;background: #e35956;top:2px;left: 0;border-radius: 1.6rem;}
.sigin_box .sign-process li .liner {width: 1rem;left:100%;top: 50%;height: 1px;background: #ff6d6b;position: absolute; }
.sigin_box .sign-process li.active .icon {text-indent: -2rem;overflow: hidden; background: url(../images/turntable/phone/sign_active.png)no-repeat center center #f1c477;background-size: 100% auto;}
.sigin_box .sign-process li.active::before {background: #d9b167;}
.sigin_box .sign-process li.active .liner {background: #eebf6e;}

.sigin_box .sign-process li.last {width: 3.3rem;margin-right: 0;}
.sigin_box .sign-process li.last .icon {background: #f7ce87;color: #783800;font-size: 0.8rem;}
.sigin_box .sign-process li.last::before {background: #d9b167;}
.sigin_box .sign-process li.last.disabled .icon {background: #ccc;color: #fff;}
.sigin_box .sign-process li.last.disabled::before {background: #b1b1b1;}
.sign-text {text-align: center;font-size: 0.805rem;color: #ffffff;margin-top: 1rem;opacity: .8;}



@media screen and (max-width:1024PX) {

    .pc {display: none;}
    .m {display: block;}



    /* 转盘 */


    .sk_turntable {background: url(../images/turntable/phone/turntable_bg.jpg)no-repeat top center #407ee9;overflow: hidden;padding-top: 13rem;background-size: 100% auto;}


    .rule_card {width: 100%;height: auto;padding: 0 8%;}
    .rule_card_box {width: 100%;height: 11.5rem;background: url(../images/turntable/phone/icon_1.png)no-repeat top center;background-size: 100% auto;position: relative;z-index: 2;padding: 1rem;text-align: center;}
    .rule_card_box_footer {width: 100%;height: 4rem;background: url(../images/turntable/phone/icon_2.png)no-repeat center center;background-size: 100% auto;margin-top: -2rem;}
    /* .rule_card_box::before {content: "";position: absolute;left: -1.5rem;top: 52%;width: 2rem;height: 30px;background: url(../images/turntable/phone/icon_4.png)no-repeat center center;background-size: 100% auto;}
    .rule_card_box::after {content: "";position: absolute;right: -2.5rem;bottom: 0.5rem;width: 5rem;height: 96px;background: url(../images/turntable/phone/icon_3.png)no-repeat center center;background-size: 100% auto;} */

    .rule_card_box .rule_card_title {color: #f5f5f5;font-size: 0.805rem;line-height: 1.244rem;padding-top: 0.5rem;}
    .rule_card_box .rule_card_title h3 {font-size: 1.244rem;padding-top: 0.3rem;line-height: 1.244rem;}
    .rule_card_box .rule_card_title::after {content: "";width: 6rem;height: 0.1rem;background: #eebf6e;display: block;margin: 0.5rem auto 0.5rem;}
    .rule_card_box .rule_card_desc {color: #f5f5f5;font-size:  0.732rem;line-height: 1rem;padding: 0 1rem;}
    .rule_card_btn {margin-top: 0.5rem;}
    .rule_card_btn a {display: block;color: #783800;font-size: 0.878rem;background: url(../images/turntable/phone/icon_5.png)no-repeat top center;background-size: 100% auto; width: 13rem;height: 2.2rem;line-height: 2rem;margin: 0 auto;}


    .turntable_box {overflow: hidden;width: 100%;padding:0 2%;margin-top: 0;}
    .turntable_box_fl {width: 100%;height: auto;float: none;}
    .turntable_bg {width: 100%;height: 23rem;background: url(../images/turntable/phone/icon_6.png)no-repeat top center;background-size: 100% auto;position: relative;}
    .turntable_needle {width: 5.76rem;height: auto;position: absolute;left: 50%;margin-left: -2.88rem;top: 5.55rem;background: none;}
    .turntable_needle img {width: 100%;display: block;}
    .turntable_img {position: absolute;left: 50%;width: 16.8rem;margin-left: -8.4rem;top: 2.3rem;}
    .turntable_img img {width: 100%;}
    .turntable_btn {background: url(../images/turntable/phone/icon_8.png)no-repeat top center;background-size: 100% auto;width:  5.76rem;height:  5.76rem;position: absolute;left: 50%;margin-left: -2.88rem;top: 7.65rem;cursor: pointer;}
    .turntable_btn .text {text-align: center;color: #a6352e;font-size: 0.878rem;margin-top: 3rem;}


    .m_turntable_box_fr {margin: 0 3.335%;background: rgba(255, 255, 255, .3);height: 2.2rem;line-height: 2.2rem;border-radius: 2.2rem;}
    .turntable_honour_list {width: 100%;height: 2.2rem;line-height: 2.2rem;border-radius: 2.2rem;background: url(../images/turntable/phone/icon_9.png)no-repeat 1rem center;background-size: auto 1rem;padding: 0 1rem 0 2.5rem;color: #ffffff;font-size: 0.803rem;overflow: hidden;margin-top: 0;}
    .turntable_honour_list .bd {height: 2.2rem;overflow: hidden;}
    .turntable_honour_list .bd li {height: 2.2rem;line-height: 2.2rem;overflow: hidden;background: none;color: #ffffff;}
    .turntable_honour_list ul li:nth-child(2n) {background: none;}


    .turntable_introduce {background: #ebeffc;border-radius: 5px;margin: 1rem 5.335% 0;overflow: hidden;width: auto;padding: 0;}
    .turntable_introduce .turntable_introduce_header {text-align: center;color: #3072e5;font-size: 1.244rem;font-weight: bold;line-height: 1.244rem;padding-top: 2rem;overflow: hidden;height: auto;}
    .turntable_introduce .turntable_introduce_header h3 {display: inline-block;font-weight: bold;}
    .turntable_introduce .turntable_introduce_header span {margin:0 1rem;float: left;height: 1.244rem;}
    .turntable_introduce .turntable_introduce_header img {margin: 0;float: left;height: 1.244rem;}

    .turntable_introduce_body {padding: 1rem 1rem 2rem;overflow: hidden;}
    .turntable_introduce_body div {overflow: hidden;color: #666666;font-size: 0.878rem;line-height: 1.2rem;margin-top: 1rem;}
    .turntable_introduce_body div em {background: #dde8f9;float: left;width: 1.2rem;height:1.2rem;font-family: 'Arial';color: #783800;text-align: center;border-radius: 50%;}
    .turntable_introduce_body div h3 {padding-left: 2rem;text-align: justify;}
    .turntable_introduce_body div a {color: #fc894f;}
    .turntable_introduce_body div a:hover {text-decoration: underline;}
    .turntable_introduce_body .award_list {overflow: hidden;margin-top: 0;}
    .award_list ul li {border-bottom: 1px dashed #dde1f0;padding: 1rem 0;padding-left: 2.5rem;background-size: 2rem auto !important;background-repeat: no-repeat;background-position: left 1.1rem;}

    .award_list ul li h3 {color: #fc894f;padding: 0;font-size: 0.878rem;}
    .award_list ul li span {color: #666666;font-size: 0.805rem;}
    .turntable_footer {text-align: center;font-size: 0.732rem;color: #ffffff;opacity: .6;padding: 1.5rem 0;line-height: 1.2rem;}


    .index_fixed {position: fixed;top: 18%;left: 0;width: 100%;z-index: 9999991;}
    .index_fixed .img {position: relative;max-width: 640px;margin: 0 auto;}
    .index_fixed .img img{width: 100%;}
    .index_fixed .img a {position: absolute;width: 13rem;height: 2.6rem;bottom: 2.7rem;left: 50%;margin-left: -6.3rem;border-radius: 2.5rem;}
    .index_fixed .index_fixed_close {text-align: center;margin-top: 1rem;}
    .index_fixed .index_fixed_close img {width: 2rem;}
    .index_fixed_bg {background: #000000;opacity: .7;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999991;}

    /* 转盘 end*/


    body .layui-layer-btn a {
        font-size: 14px;
        font-weight: normal;
        padding: 0 0.5rem;
    }



    body .layui-layer-turntable {background: none;box-shadow: none;width: 20rem !important;}
    body .layui-layer-turntable .layui-layer-content {padding: 0;border-radius:0;margin: 0;overflow: auto;padding-top: 50px;width: 100%;height: auto !important;}
    body .layui-layer-turntable .layui-layer-content h3 {font-weight: normal;}
    body .layui-layer-turntable .layui-layer-content::after {content: "";position: absolute;width: 100%;height: 146px;background: url(../images/turntable/phone/icon_17.png)no-repeat center center;top: 0;left: 0;background-size: 100% auto;margin-left: 0;}
    body .layui-layer-turntable .turntable_layer_title {text-align: center;height: 3rem;line-height: 3rem;font-size: 24px;font-weight: bold;color: #fff;position: relative;z-index: 2;background: url(../images/turntable/phone/icon_15.png)no-repeat center center;background-size: auto 3rem;}
    body .layui-layer-turntable .turntable_layer_cont {background: #fff;position: relative;min-width: 260px; margin-top: -1.5rem;text-align: center;color: #666666;font-size: 0.805rem;border-radius: 10px 10px 0 0;overflow: hidden;padding: 0 2rem 1rem;width: 100%;height: auto;}
    body .layui-layer-turntable .turntable_layer_cont h3 {margin-top: 4rem;padding-top: 4.5rem;background: url(../images/turntable/phone/icon_16.png)no-repeat top center;background-size: 3rem;}
    body .layui-layer-turntable .layui-layer-btn {background: #fff;text-align: center;padding: 0 0 2rem;border-radius:0 0 10px 10px;margin:0;}
    body .layui-layer-turntable .layui-layer-btn a {height: 2rem;line-height: 2rem;border: none;padding: 0 1.2rem;border-radius: 2rem;color: #444444;font-size: 0.805rem;font-weight:normal;background: #eeeeee;}
    body .layui-layer-turntable .layui-layer-btn .layui-layer-btn0 {color: #ffffff;background: #4875f2;}

    .m_sk_home {position: fixed;right: 10px;bottom: 5rem;background: rgba(106, 144, 252, .8);border-radius: 3px;width: 2.5rem;height: 2.5rem;padding-top: 0.3rem;}
    .m_sk_home .img {border-radius: 5px;}
    .m_sk_home .img img{height:1.5rem;opacity: .9;}
    .m_sk_home .info {color: #ffffff;font-size: 0.732rem;text-align: center;line-height: 1rem;}
    .turntable_fixed {display: none;}


    .turntable_fixed_right {display: none;}

}