/* CSS Document */
/* CSS Document */
*{ margin:0; padding:0;outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
html { font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/ } 
body { font-size: 1.4rem;/*1.4 × 10px = 14px */ } 
h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/ } 
p { }
body{  font-family: "Microsoft YaHei" ;   overflow-x: hidden;  width:100%; line-height:30px; text-align:center; }
i,em,b{ font-style:normal; }
li,ul{list-style:none; font-size:1.4rem;}
input,button,textarea{ background:none; border: 0; font-family: "Microsoft YaHei" ; outline:0;}
a{ color:#fff}
.clearfix{ zoom: 1;}
.clearfix:after {  content: '.';  display: block;  height: 0;  clear: both;  visibility: hidden;}


.content{ width:100%; position:absolute;}
.loading{   width:100%;  background: -webkit-radial-gradient(center, ellipse cover, rgba(38,232,169,0.15) 0%,rgba(255,255,255,0) 100%);background-image:url(../images/bg1.png) ; 

  background-color: #021120;  background-size:100% 100%;}
.loading_content{ width:100%;}
.loading_content img{ width:100%;}
.loading_content .title_logo{ width:218px;   margin:0 auto; margin-bottom:35px;}
.loading_content .schedule{ width:236px; height:3px; position:relative;margin:0 auto; background:#ccc; border-radius:3px;}
.loading_content .schedule img{ height:5px;}
.loading_content .schedule .schedule_icon{ width:100%; height:3px;   background:#26e8a9; ;border-radius:3px;}
.loading_content .schedule_txt{ font-size:1.4rem; color:#fff; padding-bottom:46px;}
.loading_content .loading_bot{width:253px; height:44px; margin:0 auto;}
.loading_content .loading_txt { width:100%;height:44px;background:url(../images/jiazai_11.png); background-size:253px 44px; font-size:1.2rem; color:#26e8a9; line-height:44px; }

.play_content{   background: -webkit-radial-gradient(center, ellipse cover, rgba(38,232,169,0.13) 0%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(38,232,169,1)), color-stop(1%,rgba(43,233,171,1)), color-stop(45%,rgba(255,255,255,0.56)), color-stop(100%,rgba(255,255,255,0)));
background-color: #03101e;}
.play img{ width:100%;}
header{ height:28px; }
.banner{   width: 100%;  background: rgba(38,232,169,0.25);  line-height: 28px;  font-size: 1.4rem;  height: 27px; overflow:hidden; color: #fff;  position: fixed;  top: 0;  left: 0;  z-index: 99;}
.banner ul{ width:100%;}
.banner ul li{ width:100%;}
.banner .banner_img{ float:left; width:20px;  margin-left: 5px;  margin-top: 3px;}
.banner .banner_img img{ width:20px; height:20px;}
.banner .banner_txt{ float:left; margin-left:10px; color:#fff;}
.banner_close{background:url(../images/yaoqian_06.png); background-size:15px 15px; width:15px; height:15px; position:absolute; right:10px; top:6px; z-index:99}
.play_se{width:100%; height:200px;  padding-bottom: 25%;;}
.play .play_box{ width:288px; height:195px; margin:0 auto; margin-top:23px; position:relative;}
.play_box_img{}
.play .play_border{ width:283px; position:absolute;top: 10px;  left: 3px; z-index:9}
.play .play_bor{ width:266px; position:absolute;  top: 5px;  left: 7px; overflow:hidden;}
.play .play_bor_box{ width:100%; overflow:hidden; position:absolute; top: 4px;  left: 10px; z-index:-1; width:246px;}
.play .play_small{ position:absolute; right:23px;top:14px; width:50px; height:50px; }
.play .play_gif{ width:100%; }
.play .play_banner{ background:url(../images/bofang1_05.png); width:237px; height:29px; background-size:237px 29px; position:absolute; left:8px; bottom:5px;margin-left:5px;  opacity: 0.7;}
.play .play_banner .play_banner_img{ width:70px; float:left; margin-top:1px;  margin-left: 3px;}
.play .play_banner .play_txt{ font-size:1.1rem; color:#fff; float:left; margin-left:10px; line-height:29px;}
.play .play_bottom{ position:absolute; left:0; bottom:-38px; background:url(../images/bb1_07.png); width:285px; height:41px; line-height:41px; background-size:285px 41px; font-size:1.4rem; color:#fff;}
.play .play_bottom img{ width:100%; top:0; left:0; position:absolute;}
.play .play_bottom span{ color:#26e8a9; }

.play .play_con_txt{  height:41px; line-height:41px; width:100%; font-size:1.4rem; color:#fff; position:absolute; top:65px;}
.play .play_con_txt span{ color:#26e8a9; }
.play .play_bot_txt{ font-size:1.2rem; color:#e82664;position:absolute; bottom:15px; width:100%;}
.remind_se{ width:100%;  padding-bottom: 15%;}
.remind{ background:url(../images/piantou1_03_03.png);  margin:0 auto;width:285px;  line-height: 35px; height:35px; background-size:285px 35px; font-size:1.3rem; color:#000;}
.remind span{  float: left;  padding-top: 9px; padding-left:20px;}
.remind p{ float:left; margin-left: 12px;}
.remind span img{ width:16px; height:16px;}
.remind i{ color:#fff;}

.button_se{ width:100%;}
.button_se button{ width:110px; height:30px; line-height:30px; font-size:1.3rem; border-radius:15px; color:#fff;}
.button_se button.meto{ border:1px solid #23d79e; background:#106252; }
.button_se button.shear{ border:1px solid #e82664; background:#5a1838;margin-left:20px;}

.trailer{ padding-top:20%}
#demo {	overflow: hidden;	height: 28px;	float: left;}
#demo1 a{ color:#fff;}
.make{ width:100%;  }
.make_banner{ width:267px; height:108px; margin:0 auto; padding-bottom:20px;}
.make img{ width:100%;}
.head_img{ width:82px; height:82px;  margin:0 auto; overflow:hidden;  position: relative;}
.head_bor{border:1px dashed #117662; border-radius:100%;width:80px; height:80px; }
.head_img_t{border-radius:100%;    position: absolute;  top: 6px;  left: 6px;  width: 71px; overflow:hidden;zoom:1}
.head_img img{border-radius:100%; overflow:hidden;zoom:1 }
.make_input{ width:220px; margin:0 auto; height:29px; line-height:29px; border:1px solid #168569; border-radius:15px; margin-top:29px;}
.make_input input{ width:100%; height:29px; text-align:center;font-size:1.2rem;}
.sex{width:220px; margin:0 auto; height:29px; line-height:29px; border:1px solid #168569; border-radius:15px; margin-top:29px; color:#26e8a9; overflow:hidden; font-size:1.2rem;}
.sex_m{ float:left; width:50%}
.sex_w{ float:left;width:50%}
.sex_curn{ background:#1ca77f; color:#fff;}
.check{ width:230px; margin:0 auto; font-size:1.2rem; color:#26e8a9; padding-top:16px;}
.check .check_left{ float:left;}
.check .check_right{ float:right;}
.check span{ display:inline-block; margin-right:2px;}
.check  input[type="radio"] {   display: none;}
.check  label { width:10px; height:10px;  cursor: pointer;background: url(../images/zhizuo_07.png); background-size:10px 10px; display: block;  }
.check  label.checked {background: url(../images/zhizuo_07_07.png); background-size:10px 10px;  }
.make_button{ padding-top:26px;  height: 40px;
  overflow: hidden;}
.make_button button{width:230px; margin:0 auto; font-size:1.4rem; height:29px; line-height:29px; color:#fff;color:#26e8a9; border:1px solid #168569; border-radius:15px; background:#082f32;  opacity:0.7}
.make_mar{ margin-bottom:20%;}
.make_text textarea{width:150px; margin:0 auto; font-size:1.2rem; border:1px solid #168569; padding:10px; height:100px; }

.zhezhao{ width:100%; position:absolute; height:110%; z-index:999; background:rgba(0,0,0,0.7);   overflow: hidden; top:0}
.shear_box{ position:relative; width:100%;  z-index: 9999; height:100%;}
.shear_jiantou{ width:150px; height:225px; position:absolute;  top: 10px;  right: 21px;  z-index: 999;}
.shear_jiantou img{ width:100%;}
.shear_txt{ top:40%;  color: #26e8a9; position:absolute; width:100%; font-size:1.6rem; font-weight:bold;background-image: -webkit-linear-gradient(92deg,#03cf9e,#feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 6s infinite linear;}
  
  
.make_list{ width:100%;}
.make_text{ width:210px; margin:0 auto; padding:10px;}
.make_list{margin-bottom:10px;}
.make_list .make_list_t{ float:left; font-size:1rem; color:#26e8a9; margin-right:10px; line-height:25px; }
.make_list input{ float:left; width:150px; padding:0 10px; height:25px; line-height:25px; border:1px solid #168569; margin-left:2px }
.make_list textarea{}
.vido{width:250px; margin:0 auto; padding:10px;}
.vido ul{ line-height:25px; height:25px; border:1px solid #a41f4f; color:#a41f4f;  border-radius: 16px;    overflow: hidden;}
.vido ul li{ float:left; width:19.64%; border-right:1px solid #a41f4f;}
.vido ul li.vido_on{ background:#a41f4f; color:#fff;}