html,body{width: 100%;height: 100%;margin: 0;padding: 0;font-family: "微软雅黑";}
ul,li,p,img{margin: 0;padding: 0;list-style: none;}
.box{width: 100%;height: 100%;background: #deccf6;overflow: hidden;}
.box .left_l{height: 100%;width: 36.25%;float: left;position: relative;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.box .left_l .tit{width: 100%;font-size: 0.6rem;text-align: center;line-height: 0.6rem;color: #fff;text-shadow:3px 3px 7px #8c5ec9;margin: 0.42rem 0 0.3rem 0;}
.left_l ul li{height: 0.95rem;margin-left: 0.53rem;width: 5.9rem;position: relative;overflow: hidden;line-height: 0.95rem;}
.left_l ul li p{margin-left: 0.3rem; width: 0.6rem; font-size: 0.45rem;color:#ab58db;height: 100%;text-align: center; font-weight: bold;line-height: 0.95rem;display: block;float: left;word-break: break-all;}
.left_l ul li .imgs{width: 0.7rem;height: 0.7rem;border-radius:50%;overflow: hidden;float: left;position: relative;border: 0.05rem solid #fff;margin-top: 0.08rem;margin-left: 0.1rem;margin-right: 0.1rem;}
.left_l ul li img{width: 100%;height: 100%;position: absolute;left: 0;right: 0;}
.left_l ul li .name_p{font-size: 0.35rem;color: #5d5d5d;font-weight: 400;width: 3.2rem;margin-left: 0;text-align: left;}
.left_l ul li .mark_p{font-size: 0.35rem;color: #373737;font-weight: 400;float: right;margin-left: 0;position: relative;display: inline;width: 0.65rem;}
.jiang{font-size: 0.2rem; color: #BC86E5;position: absolute;margin-right: 0.1rem;top: 0.36rem;left: 0; line-height: 0.2rem;}
.left_l .hovers{border:3px solid #ab58db;border-radius: 0.2rem;background: #fff;}
.zhichi{width: 6.45rem; height: 0.45rem;background: #e8dbf9;border-radius: 0.2rem;position: fixed;left: -0.2rem;bottom:0.1rem; box-shadow: 0 3px 5px #a68cc9;}
.zhichi img{position: absolute;left: 0.3rem;top: 0;width: 0.48rem;height: 0.45rem;}
.zhichi p{font-size: 0.2rem; color:#BC86E5 ;margin-left: 0.8rem;line-height: 0.45rem;}
.box .right_l{width: 63.75%;height: 63.89%;background: #fff;float: left;position: relative;}
.right_l_l{margin-left: 1.05rem; width: 4.5rem; height: 2.45rem;border-radius: 20px;overflow: hidden;float: left;box-shadow: 0 3px 10px #a68cc9;position: relative;top: 25%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%);}
.right_l_l img{width: 110%;height: 110%;}
.right_l_z_r img{width: 3.36rem;height: 6rem;}
.tits{font-size: 0.4rem;text-shadow: 3px 3px 7px rgba(0,0,0,0.2);position: absolute;top: 0.1rem;left: 0.3rem;color: #fff;}
.xian{width: 4rem;height: 2px;position: absolute;top: 0.7rem;left: 0.3rem;}
.xian1{width: 2.8rem;background: #fff;float: left;height: 2px;}
.xian2{width: 1rem;opacity: 0.5;background: #fff;float: left;height: 2px;}
.right_l_l ul{position: absolute;left: 0.25rem;top: 1.3rem;}
.right_l_l ul li{height: 0.5rem;width: 3.25rem;font-size: 0.26rem;color: #fff;display: block;overflow: hidden;line-height: 0.5rem;}
.right_l_l ul li .p3{float: left;width: 78%;display: block;word-break: break-all;height: 100%;line-height: 0.5rem;}
.right_l_l ul li .p2{float: right;width: 22%;display: block;text-align: center;height: 100%;line-height: 0.5rem;}
.right_l_z{margin-left: 0.53rem; width: 4.5rem; height: 2.45rem;border-radius: 20px;overflow: hidden;float:left;position: relative;}
.right_l_r{margin-left:0.53rem;width: 4.5rem; height: 2.45rem;border-radius: 20px;overflow: hidden;float:left;}
.right_l_r ul li{height: 0.5rem;width: 4rem;font-size: 0.26rem;color: #fff;display: block;overflow: hidden;line-height: 0.4rem;}
.right_l_r ul{top: 0.8rem;}
.right_l_l ul li{height: 0.5rem;width: 4rem;font-size: 0.26rem;color: #fff;display: block;overflow: hidden;line-height: 0.4rem;}
.right_l_l ul{top: 0.8rem;}
.right_l_z ul li{height: 0.5rem;width: 4rem;font-size: 0.26rem;color: #fff;display: block;overflow: hidden;line-height: 0.5rem;}
.right_l_z ul{top: 0.8rem;}
.right_l_z_r{width: 3.36rem;box-shadow: 0 3px 18px #a68cc9;}
.right_d_lbox{margin-left: 0.3rem;width: 3.66rem; height: 5.5rem;border-radius: 20px;float:left;position: relative;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.box .right_d{width: 63.75%;height: 34.11%;background: #fff;float: left;margin-top: 15px;position: relative;}
.box .right_d_l{width: 2.95rem;height: 3.11rem;background: #f1ecf8;margin: 0.3rem 0 0 0.3rem;border: 1px solid #fff;float: left;opacity: 0.3;}
.box .right_d_l_m{width: 2.46rem;height: 2.59rem;background:#f1ecf8;margin: 0.25rem 0 0 0.2rem;opacity: 0.7;z-index: 2;position: absolute;left:0.35rem;top: 0.32rem;}
.box .right_d_l_s{width: 2.1rem;height: 2.1rem;margin: 0.25rem 0 0 0.2rem;z-index: 3;position: absolute;overflow: hidden;left:0.55rem;top: 0.55rem;}
.box .right_d_l_s img{width: 100%;height: 100%;}
.box .right_d_z{min-width: 3.8rem;height: 3.71rem;float: left;overflow: hidden;margin-left: 0.3rem;}
.name_num{width: 100%;max-height: 1.2rem;margin-top: 0.3rem;margin-bottom: 0.15rem;overflow: hidden;}
.name_num .name_n{font-size: 0.4rem;font-weight: bold;display: block;line-height: 0.6rem;color: #5D5D5D;float: left;max-width: 3rem;margin-top: 0rem;overflow: hidden;max-height: 1.2rem;word-break: break-all;}
.name_num .img_j{width: 0.64rem;height: 0.6rem;float: left;position: relative;margin-left: 0.2rem;}
.name_num .img_j img{width: 100%;height: 100%;position: absolute;left: 0;right: 0;}
.box .right_d_z ul li{height: 0.4rem;width: 4rem;}
.box .right_d_z ul li span{font-size: 0.26rem;color: #5D5D5D;}
.box .right_d_z ul li .s_left{float: left;}
.box .right_d_z ul li .s_right{float: right;}
.right_d_r{width: 2.33rem;height: 2.7rem;float: right;position: relative;margin-right: 0.7rem;margin-top: 0.25rem;}
.right_d_r .kankan{width: 2.02rem;height: 0.56rem;position: relative;border-bottom-left-radius:  0.2rem;overflow: hidden;}
.right_d_r .kankan img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.paiming{font-size: 0.2rem;color: #9d9d9d;display: block;width: 0.85rem;margin-top: 0.25rem;}
.paiming_s{font-size: 0.3rem;color: #5D5D5D;display: block;float: right;font-weight: bold;margin-top: 0.15rem;margin-left: 0.2rem;}
.erweima{width: 2.02rem;height: 2.07rem;background: #fe85cc;opacity: 0.15;margin-top: -0.2rem;border-radius: 0.1rem;}
.erweima_img{position: absolute;top: 0.65rem;left: 0.15rem;width: 1.7rem;height: 1.7rem;}












.boxs{width: 100%;height: 65%;background: #e8dbf9;overflow: hidden;}
.boxs h1{font-size: 0.6rem;text-align: center;color: #fffdfe;text-shadow:0px 3px 7px #8c5ec9;margin: 0.4rem 0;}
.boxs h1 span{color: #c29bf6;font-size: 0.3rem;text-shadow: none;}
.boxs ul{width: 17.6rem;height: 5.4rem;margin: 0 auto;}
.boxs ul li{float: left;width: 30%;height: 0.5rem;background: #efe6fb;border-radius: 5px;box-shadow: 0 3px 2px #d4c5ec;margin: 0 1.66% 8px 1.66%;position: relative;}
.boxs ul li:nth-child(2n+1){background: #eadffa;}
.boxs ul li span{font-size: 0.3rem;color: #753dd2;position: absolute;top: 0.05rem;height: 0.4rem;}
.boxs ul li .span_l{left: 0.5rem;max-width: 3.8rem;overflow: hidden;word-break: break-all;line-height: 0.4rem;}
.boxs ul li .span_r{right: 0.3rem;font-size: 20px;float: right;line-height: 0.4rem;}
.boxs_bott{width: 100%;height: 35%;background: #fff;}