/*
* @Author: light
* @Date:   2018-09-11 18:00:44
* @Last Modified by:   light
* @Last Modified time: 2018-12-06 15:23:19
*/
html,body{ font-size: 13.333333333vw; margin: 0; padding: 0; background-color: #6C6AF8; font-family: "PingFang SC", "Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei","Helvetica","Arial","sans-serif"; }
a{ text-decoration: none; }
@media (min-width: 760px) {
 	html {
   		font-size: 60px;
 	}
}
/* 更改默认input中placeholder的样式 */
input::-webkit-input-placeholder { /* WebKit browsers */
	color: #C9C9CF;
    font-weight: normal;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #C9C9CF;
    font-weight: normal;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #C9C9CF;
    font-weight: normal;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #C9C9CF;
    font-weight: normal;
}
/* 清除输入框选择框默认样式 */
input, button, select, textarea {
	outline: none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none; 
	border-radius: 0;
}

/* 免费翻译页 */
.container2{ font-size: 0.24rem; margin: 0 auto; }
.container2 .head{ width: 7.5rem; height: auto; box-sizing: border-box; margin: 0 auto; position: relative; }
.container2 .head img{ width: 100%; }
.form-box2{ margin-top: 0.15rem; }
.container2 .head .rule-btn{ position: absolute; right: 0; top: 0.63rem; width: 1.5rem; height: 0.7rem; cursor: pointer; }

.detail-box{ background: #fff; width: 6.8rem; height: auto; margin: 0 auto; box-shadow:0px 0.11rem 0.16rem 0px rgba(0,0,0,0.2); border-radius:0.25rem; box-sizing: border-box; position: relative; margin-top: 0.28rem; padding-bottom: 0.35rem; }
.detail-box .title{ width: 100%; text-align: center; font-size: 0.36rem; color: #000; font-weight: 500; padding-top: 0.47rem; margin-bottom: 0.96rem; }
.detail-box .title i{ display: inline-block; width: 0.34rem; height: 0.22rem; background: url(../images/free_line.png) no-repeat; background-size: 0.34rem 0.22rem; }
.detail-box .title i.left{ margin-right: 0.1rem; }
.detail-box .title i.right{ transform: rotate(180deg); margin-left: 0.1rem; }

.detail-box .item-box .item{ width: 100%; display: flex; flex-direction: row; box-sizing: border-box; padding: 0 0.64rem; margin-bottom: 0.85rem; }
.detail-box .item-box .item .img{ width: 1.4rem; height: 1.22rem; }
.detail-box .item-box .item1 .img{ background: url(../images/student_icon1.png) no-repeat; background-size: 1.4rem 1.22rem; }
.detail-box .item-box .item2 .img{ background: url(../images/student_icon2.png) no-repeat; background-size: 1.4rem 1.22rem; }
.detail-box .item-box .item3 .img{ background: url(../images/student_icon3.png) no-repeat; background-size: 1.4rem 1.22rem; }
.detail-box .item-box .item4 .img{ background: url(../images/student_icon4.png) no-repeat; background-size: 1.4rem 1.22rem; }

.detail-box .item h4{ margin: 0; font-size: 0.34rem; font-weight: normal; }
.detail-box .item:nth-child(odd) .img{ margin-right: 0.72rem; }
.detail-box .item:nth-child(even) .img{ margin-left: 0.9rem; }
.detail-box .item .text p{ color: #C8C8C8; line-height: 0.4rem; font-size: 0.28rem; }

.link{ position: absolute; z-index: 10; width: 0.19rem; height: 1rem; background: url(../images/link_img.png) no-repeat; background-size: 0.19rem 1rem; }
.link1{ left: 0.4rem; bottom: -0.7rem; }
.link2{ right: 0.4rem; bottom: -0.7rem; }

@media screen and (min-width: 960px) {
    .container2 .head{ max-width: 800px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; }
}

/* 主要按钮 */
.free-btn-box{ width: 100%; text-align: center; }
.free-btn-box .free-btn{ font-size: 0.34rem; font-weight: 500; color: #333; width: 6.3rem; height: 0.96rem; background:linear-gradient(180deg,rgba(249,207,82,1) 0%,rgba(250,165,69,1) 99%); box-shadow:0px 0.08rem 0.14rem 0px rgba(70,68,212,1); border-radius:5rem; border: none; cursor: pointer; }
.free-btn-box .to-trans{ width: 6rem; font-size: 0.36rem; margin-bottom: 0.22rem; position: relative; }
.free-btn-box .to-trans::after{ content: ''; position: absolute; right: 0.8rem; top: 0.35rem; width: 0.2rem; height: 0.2rem; border-top: 0.04rem solid #333; border-right: 0.04rem solid #333; transform: rotate(45deg); }

.tip-box{ width: 100%; text-align: center; padding-top: 0.52rem; position: relative; }
.tip-box::before{ content: ''; position: absolute; left: 50%; top: 0.25rem; border: 0.12rem solid; border-color: rgba(255,255,255,0.4) transparent transparent transparent; }
.tip-box p{ color: #fff; font-size: 0.28rem; letter-spacing:0.02rem; margin: 0; }

/* 弹窗样式 */
.down-btn{ background-image: linear-gradient(-43deg, #63A3FF 0%, #006BFF 100%);border-radius: 100px; width: 86%; margin: 28px auto 0; height: 48px; border:none; display: block; font-size: 18px; color: #fff; cursor: pointer; }
.download-shadow{ position: fixed; left:0; top:0; background: rgba(0,0,0,0.6); z-index: 99; width: 100%; height: 100%; }
.download-shadow .inner-box{ position: absolute; left: 50%; top: 60%; transform: translate(-50%,-50%); width: 88%; background: #fff;border: 1px solid #979797;border-radius: 13px; text-align: center; padding-bottom: 32px; }
.download-shadow .inner-box p{ color: #333; font-size: 16px; }
.download-shadow .inner-box img{ width: 70px; margin: 54px auto 12px; }
.download-shadow .inner-box .ok{ margin-top: 13px; font-size: 14px; }

.download-shadow .inner-box .pc-icon{ width: 20px; height: 20px; margin-right: 10px; position: relative; top: 5px; display: inline-block; background: url(/Translate/resources/image/pc_icon.png) no-repeat; background-size: 20px 20px; }
.download-shadow .inner-box .mobile-icon{ width: 20px; height: 20px; margin-right: 10px; position: relative; top: 5px; display: inline-block; background: url(/Translate/resources/image/mobile_icon.png) no-repeat; background-size: 20px 20px; }

.download-shadow .tip-img{ position: absolute; z-index: 100;right: 10px;top: 0px; width: 60%; }
.to-pc{ font-size: 14px; }

/* 阴影遮罩 */
.shadow{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5); }
.shadow .rule-box{ width: 5.6rem; height: 7.4rem; border-radius: 0.31rem; background: #4B49D9; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.shadow .rule-box .inner-box{ width: 5.28rem; height: 7.07rem; position: relative; margin: 0.14rem auto; background: #5F5DF3; border: 0.03rem solid #413FCE; border-radius: 0.39rem; }
.shadow .sure{ position: absolute; left: 50%; margin-left: -1.25rem; bottom: 0.4rem; width: 2.5rem; height: 0.77rem; text-align: center; line-height: 0.77rem; cursor: pointer; background-image: linear-gradient(180deg, #FFF500 0%, #FFAF00 100%); border: 0.01rem solid #FFB100; border-radius: 0.39rem; font-size: 0.3rem; color: #4400C4; }
.shadow .rule-box .inner-box .head{ position: absolute; left: 50%; top: -0.3rem; width:2.9rem; margin-left: -1.45rem; height:0.78rem; background: url(/Translate/resources/image/anniversary_head_bg.png) no-repeat; background-size: 2.9rem 0.78rem; color: #4400C4; font-size: 0.36rem; text-align: center; line-height: 0.78rem; }
.shadow .rule-box .text-box{ width:4.6rem; height:5rem; text-align: left; font-weight: 400; color: #fff; margin: 0.8rem auto 0; box-sizing: border-box; overflow: scroll; }
.shadow .rule-box .text-box p{ font-size:0.26rem; line-height: 0.5rem; text-indent: -0.4rem; margin: 0 0 0 0.4rem; color: #fff; }

.shadow-tip{ cursor: pointer; }
.shadow .zhishi{ width: 20%; position: absolute; right: 0.48rem; top: 0; }
.shadow .zhishi-text{ width: 2.5rem; margin: 0; position: absolute; z-index: 99; right: 0.48rem; top: 1rem; font-size: 0.26rem; color: #fff; }

/* 底部提示 */
.the-tip2{ width: 100%; text-align: center; color: rgba(255,255,255,0.6); padding: 0.4rem 0; }