/* CSS Document */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;  font-size:62.5%;height: 100%}
ul,li,div,p,body,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none; color: #2a2a2a; }
input{ -webkit-appearance:none;outline:none}
*{outline: none; webkit-focus-ring-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.hide{display:none;}
body, html {margin:0;
    padding:0;width: 100%;
    height: 100%;
     font-family: "Microsoft YaHei","Helvetica Neue",Arial,
      HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;font-weight: normal;}

/* *{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;} 用于解决某些情况下出现闪屏的问题，若无则不加*/
body{opacity: 1;-webkit-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in;
position:relative; 
margin: 0 auto; 
}
p,a,li{font-size:1.2rem; color:#434343}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 70.3%; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 73.24%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 75%; }
}
@media screen and (min-width:400px) and (max-width:413px) and
(orientation:portrait) {
    html { font-size: 78.125%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 80.86%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 84.375%; }
}
/*下面两个是针对android pad分辨率设置的，根据页面类型确定是否在pad中对页面进行放大，需要的话保留下面两个设置，如果不需要，去掉下面两行的设置并把上一行的(max-width:479px)去掉*/
@media screen and (min-width:480px)and (max-width:639px) and (orientation:portrait){
    html{ font-size:93.75%;}
}
@media screen and (min-width:640px) and (orientation:portrait){
    html{ font-size:125%;}
}
.btnico.hover {
    transform: scale(0.95, 0.95); 
}
html{
    padding:0;background-color:#170f0b;
}

.ico{ 
    background-size: 100% 100%;
    display: block;
}


.topheight{
    width: 1rem;
    height: 0.5rem;
    display: block;
}

.content{
    width:6.46rem;
    margin: 0 auto;
}



.zaozhidaojianjie .btn1{
    position: absolute;
    bottom: 0.0rem;
    right: 1rem;
}
.youxiuzuopin .btn3{
    position: absolute;
}

.youxiuzuopin .btn3[btn="1"]{
    left: 2.7rem;
    top: 1.35rem;
}
.youxiuzuopin .btn3[btn="2"]{
    left: 6.28rem;
    top: 1.35rem;
}
.youxiuzuopin .btn3[btn="3"]{
    left: 2.7rem;
    top: 4.52rem;
}

.youxiuzuopin .btn3[btn="4"]{
    left: 6.28rem;
    top: 4.52rem;
}
.youxiuzuopin .btn3[btn="5"]{
    left: 2.7rem;
    top: 7.64rem;
}
.youxiuzuopin .btn3[btn="6"]{
    left: 6.28rem;
    top: 7.64rem;
}


.videotop {
    width: 95%;
    height: 91%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}
 .openvideo {
    width: 100%;
    height: 100%;
    display:block;
    position: relative;
    object-fit: cover;
    z-index: 1;
    border: 0;
}

.txp_overlay_hint .tvp_btn_normal{
    font-size: 0.22rem;
}

.bottom{ 
    width: 6.36rem;
    height: 1.61rem;
    margin: 0 auto;
    margin-top: 0.5rem;
}



.logotitle{ 
    width:5.03rem;
    height:3.86rem;
    /*margin: 0 auto;*/
    margin-top: 0.2rem;
    display: block;
    position: relative;
    left: 1.07rem;
}